$scope对象就是一个普通的JavaScript对象,我们可以在其上随意修改或添加属性。
$scope对象在AngularJS中充当数据模型,但与传统的数据模型不一样,$scope并不负责处
理和操作数据,它只是视图和HTML之间的桥梁,它是视图和控制器之间的胶水。
$scope的所有属性,都可以自动被视图访问到
1 <!DOCTYPE html> 2 <html ng-app = "myApp"> 3 <head> 4 <title>Simple app</title> 5 </head> 6 <body> 7 <div ng-controller = "MyController"> 8 <h1>Hello {{name}}</h1> 9 </div> 10 <script type="text/javascript" src = "js/angular.js"></script> 11 <script type="text/javascript" src = "js/app.js"> 12 </script> 13 </body> 14 </html>
上面的ng-app对应下面angular.module("myApp", [])中的命名,{{name}}放在$scope下声明变量
1 var myApp = angular.module("myApp", []) 2 3 myApp.controller('MyController', function($scope) { 4 $scope.name = "Ari"; 5 });