如何搭建一个angularJS应用

最新推荐文章于 2025-09-09 08:37:13 发布

weixin_33975951

最新推荐文章于 2025-09-09 08:37:13 发布

阅读量67

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/freefed/p/4835427.html

以写一个hello word为例，首先引入angular.js库文件

<!doctype html>
<html ng-app>
   <head>
        <title>angular应用demo</title>
        <script src="angular.js"></script>
  </head>
  <body>
   <input ng-model="name" type="text" value="hello word" />
   <div>{{ name }}</div>
  </body>
</html>

代码解读:

通过指定在html(也可以在任意dom)中加入ng-app属性，ng-app属性声明所有被其包含的内容都属于这个angularJS应用,只有被ng-app属性的dom元素包含的元素才受到angularJS的影响
一个页面中只能声明一个ng-app,只识别第一个ng-app其余无效
ng-model内部指令将内部数据模型对象$scope的name属性绑定到了文本输入字段上
{{ name }}输出内部数据模型对象$scope的name属性值到div标签中

转载于:https://www.cnblogs.com/freefed/p/4835427.html