你的位置:首页 > 软件开发 > Java > Angular的作用域和数据绑定

Angular的作用域和数据绑定

发布时间:2015-03-25 12:00:17
初识Angular.js通过初识Angular.js可以做一个简单的入门,下面开始做深入的了解吧。作用域作用域($scope)和应用的数据模型相关联的,同时作用域也是表达式执行的上下文。$scope对象是定义应用业务逻辑、控制器方法和视图属性的地方。 作用域是视图和控制器之间的胶 ...

Angular的作用域和数据绑定

初识Angular.js

通过初识Angular.js可以做一个简单的入门,下面开始做深入的了解吧。

作用域

作用域($scope)和应用的数据模型相关联的,同时作用域也是表达式执行的上下文。$scope对象是定义应用业务逻辑、控制器方法和视图属性的地方。 作用域是视图和控制器之间的胶水。在应用将视图渲染并呈献给用户之前,视图中的模板会和作用域进行连接,然后应用会对DOM进行设置以便将属性变化通知给AngularJS。

基于动态绑定,我们在修改视图数据时立刻更新$scope,而$scope发生变化时也会立刻渲染视图。

 

 <script type="text/javascript">function loadController($scope) {      $scope.name = "博客园";      $scope.loadAgain = function () {        $scope.name = "我的博客";      };    };</script> <div ng-app>    <div ng-controller="loadController">      <input ng-model='name'/>      <button ng-click="loadAgain()">        切换</button>      <hr />      &ltspan ng:bind="name"&gt <span ng:bind="name"></span>      <br />      &ltspan ng_bind="name"&gt <span ng_bind="name"></span>      <br />      &ltspan data-ng-bind="name"&gt <span data-ng-bind="name"></span>      <br />      &ltspan x-ng-bind="name"&gt <span x-ng-bind="name"></span>     </div></div>

原标题:Angular的作用域和数据绑定

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录