angularJS之基础知识(三)
2013-09-05 23:30 小沈_syt 阅读(498) 评论(0) 编辑 收藏 举报angular里面最重要的一点,那就是 双向数据绑定.
双向数据绑定,说的通俗易懂一点,就是界面元素内的数据与angularJS内的某个JS对象($scope,下面有该对象的讲解)的绑定,而我们改变这个$scope的值会立马改变该界面元素的数据;而改变界面元素内的数据直接改变$scope内的值。
ng-model
如何进行对象数据绑定?只需要在相应的HTML元素上使用ng-model指令即可进行数据绑定,如<input ng-model="name" />。绑定之后,该元素的数据会存放在$scope上,并且在angular中通过$scope.name可以获取该元素的数据,也可以通过$scope.name="aa"设置数据。此处操作和JSON对象操作方式相同。
{{表达式}}
通过表达式可以在HTML中展示已经存放在$scope上的数据,如:{{name}}
$scope
$scope是angular中自带的一个对象,每一个controller函数(该函数的创建与注册见博客:angularJS之基础知识(二))内都可以有一个$scope对象,并且是完全独立的。我们可以在$scope上进行数据的初始化,以及一些函数的初始化(函数主要用于angular的指令,ng-click,ng-change,ng-dbclick等)。
function controlle($scope){ $scope.name="请输入姓名"; $scope.test=function(){ alert(this.name); } }