$scope作用及模块化解决全局问题

$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>
View Code

上面的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 });
View Code

 

posted on 2017-05-22 22:19  二十年后20  阅读(198)  评论(0)  编辑  收藏  举报

导航