代码改变世界

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);
    }  
}