如何搭建一个angularJS应用

Posted on 2015-09-24 15:17  晚睡早起  阅读(442)  评论(0)    收藏  举报

以写一个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标签中