1-1 引入angular.js

  1. <script src="../../js/angular-1.2.29/angular.js"></script>

1-2

  2. <!--
  3.   ng-app(指令) : 告诉angular核心它管理当前标签所包含的整个区域,并且会自动创建$rootScope根作用域对象
  4.   ng-model : 将当前输入框的值与谁关联(属性名:属性值), 并作为当前作用域对象($rootScope)的属性
  5.   {{}} (表达式) : 显示数据,从作用域对象的指定属性名上取
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.   <meta charset="UTF-8">
  5.   <title></title>
  6. </head>
  7. //ng-app 告诉angular核心 它管理当前标签所包含的整个区域
  8. <body ng-app>
  9.   //ng-model 将当前输入框的值与谁关联(属性名:属性值),
  10. <input type="text" ng-model = "username">
  11.   // {{username}} 显示数据,从作用域对象的指定属性名上取
  12. <p>输入内容: <span>{{username}}</span></p>
  13. <script src="../../js/angular-1.2.29/angular.js"></script>
  15. </body>
  16. </html>