zoukankan      html  css  js  c++  java
  • 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);
        }  
    }

       

        

      

  • 相关阅读:
    微软面试题
    20个开源项目托管站点推荐
    iis配置好后,解决打开服务器要输入用户名和密码的问题
    C# 调用带输入输出参数的存储过程
    line-height属性总结
    placeholder的字体样式改变,滚动条的颜色改变,ios日期兼容
    表格使用总结
    网页html结构搭建方法总结
    css中的inline-block
    css常用居中
  • 原文地址:https://www.cnblogs.com/sytsyt/p/3304607.html
Copyright © 2011-2022 走看看