AngularJS介绍

最新推荐文章于 2020-09-11 11:28:46 发布

蒋固金

最新推荐文章于 2020-09-11 11:28:46 发布

阅读量2.2k

点赞数 2

分类专栏： AngularJS 文章标签： javascript angularjs

本文链接：https://blog.csdn.net/jianggujin/article/details/50923476

版权

AngularJS 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

AngularJS

10 篇文章 3 订阅

订阅专栏

最近花了一点时间看了一下AngularJS，在此通过博文记录一下学习的过程，希望对大家有所帮助。
AngularJS 是一个 JavaScript 框架。它可通过

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>AngularJS</title>
        <script type="text/javascript" src="js/angular.min.js"></script>
    </head>

    <body ng-app="">
        <div>
            Hello {{'World'}}
        </div>
    </body>
</html>

这就是一个最简单使用AngularJS写的HelloWorld程序，有其他的JS库一样，我们需要引用相关的js文件才能使其正常工作，在这段代码中，我们使用了{{}}显示表达式的内容。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>AngularJS</title>
        <script type="text/javascript" src="js/angular.min.js"></script>
    </head>
    <body ng-app="" ng-init="msg='no msg'">
        <div>
            <input type="text" ng-model="msg"/>
        </div>
        <div>
            msg:{{msg}}
        </div>
        <div ng-bind="msg"></div>
    </body>
</html>

AngularJS 扩展了 HTML，AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-app 指令初始化应用程序数据。
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。

AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。