Angular JS数据的双向绑定
接触AngularJS许了,时常问自己一些问题,如果是我实现它,会在哪些方面选择跟它相同的道路,哪些方面不同。为此,记录了一些思考,给自己回顾,也供他人参考。
初步大致有以下几个方面:
- 数据双向绑定
- 视图模型的继承关系
- 模块和依赖注入的设计
- 待定
数据的双向绑定
Angular实现了双向绑定机制。所谓的双向绑定,无非是从界面的操作能实时反映到数据,数据的变更能实时展现到界面。
一个最简单的示例就是这样:
这个例子很简单,毫无特别之处,每当点击一次按钮,界面上的数字就增加一。
绑定数据是怎样生效的
初学AngularJS的人可能会踩到这样的坑,假设有一个指令:
rush:js;">
var app = angular.module("test",[]);
app.directive("myclick",function() {
return function (scope,element,attr) {
element.on("click",function() {
scope.counter++;
});
};
});
app.controller("CounterCtrl",function($scope) {
$scope.counter = 0;
});
<body ng-app="test">
<div ng-controller="CounterCtrl">