博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularJS之基础知识(三)
阅读量:5123 次
发布时间:2019-06-13

本文共 763 字,大约阅读时间需要 2 分钟。

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

   

    

 

  

转载于:https://www.cnblogs.com/sytsyt/p/3304607.html

你可能感兴趣的文章
Sql Server 中由数字转换为指定长度的字符串
查看>>
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
php match_model的简单使用
查看>>
SIP服务器性能测试工具SIPp使用指导(转)
查看>>
回调没用,加上iframe提交表单
查看>>
大话文本检测经典模型:EAST
查看>>
待整理
查看>>
一次动态sql查询订单数据的设计
查看>>
C# 类(10) 抽象类.
查看>>
Vue_(组件通讯)子组件向父组件传值
查看>>
jvm参数
查看>>
我对前端MVC的理解
查看>>
Silverlight实用窍门系列:19.Silverlight调用webservice上传多个文件【附带源码实例】...
查看>>
2016.3.31考试心得
查看>>
mmap和MappedByteBuffer
查看>>