• angularJS之基础知识(三)


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

       

        

      

  • 相关阅读:
    day02_07 创建新目录
    day02_04 字典
    day02_02 列表切割
    day03_01 文件操作
    MS的TREE 控件使用
    使用自定义用户控件的一些经验
    Asp.net开发心得点滴[动态加载的用户控件使用事件委托,交给页面处理的事件无效问题]
    正则表达式基础学习[1]
    自定义控件无法在VS.net编辑中显示
    错误的递归
  • 原文地址:https://www.cnblogs.com/sytsyt/p/3304607.html
Copyright © 2020-2023  润新知