3-1 作用域

  1.   ○ 是一个js实例对象
  2.   ○ 这个对象的属性、方法， 页面都可以直接引用、操作
  3.   ○ ng-app指令： 内部创建一个根作用域（$rootScope）, 是所有其它作用域的父对象

3-2 控制器

  1.   ○ 也是一个对象，是我们View与Model之间的桥梁
  2.   ○ 当我们使用了ng-controller指令， 内部就会创建控制器对象
  3.   ○ 但我们同时得提供控制器的构造函数（必须定义一个$scope的形参）
  4.   ○ 每定义一个ng-controller指令， 内部就会创建一个新的作用域对象（scope对象。
  5.   $scope --作用域对象

w.gif

  2. <body ng-app>
  4.   <div ng-controller="myController" >
  5.     <input type="text" ng-model="firstName">
  6.     <input type="text" ng-model="lastName">
  7.     <p>1: {{firstName+"-"+lastName}} </p>
  8.     <p>2: {{getName()}} </p>
  9.   </div>
  10.   <script type="text/javascript" src="../../js/angular-1.2.29/angular.js"></script>
  11.   <script type="text/javascript">
  12.     function myController($scope) {
  13.       console.log($scope);
  14.      console.log(this instanceof myController);//true 
  15.       $scope.firstName = "kobe";
  16.       $scope.lastName = "bryant";
  17.       $scope.getName = function(){
  18.         return this.firstName+"-"+this.lastName;
  19.       }
  20.     }
  21.   </script>
  22. </body>