AngularJS语法详解（续）_AngularJS

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了AngularJS语法详解（续）_AngularJS，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8017字，纯文字阅读大概需要12分钟。

内容图文

src和href属性

Angularjs中src应写成ng-src，href应写成ng-href 例如：

表达式

在模板中可以进行简单的数学运算、比较运算、布尔运算、位运算、引用数组、和对象符号等 尽管我们可以使用表达式做很多事情，但是表达式是使用一个自定义的解释器来执行的(Angular的一部分)，而不是用Javascript得eval()函数执行的，所以局限性较大。
虽然很多方面这里的表达式比Javascript更严格，但是他们对undefined和null的容错性更好，如果遇到错误，模板只是简单的什么都不显示，而不会抛出一个NullPointerException错误。 例如：

区分UI和控制器的职责

控制器是绑定在特定DOM片段上的，这些片段就是他们需要负责管理的内容。有两种主要的方法可以把控制器关联到DOM节点上，一种在模板中通过ng-controller声明，第二种是通过路由把它绑定到一个动态加载的DOM模板片段上，这个模板叫视图。 我们可以创建嵌套的控制器，他们可以通过继承数结构来共享数据模型和函数,真实的嵌套发生在$scope对象上，通过内部的原始继承机制，父控制器对象的$scope会被传递到内部嵌套的$scope（所有属性，包括函数)。例如：

利用$scope暴漏模型数据

可以显示创建$scope属性，例如$scope.count = 5。还可以间接的通过模板自身创建数据模型。

通过表达式。例如

在表单项上使用ng-model

与表达式类似，ng-model上指定的模型参数同样工作在外层控制器内。唯一的不同点在于，这样会在表单项和指定的模型之间建立双向绑定关系。

使用watch监控数据模型的变化

$watch的函数签名是： $watch(watchFn,watchAction,deepWatch)
watchFn是一个带有Angular表达式或者函数的字符串，它会返回被监控的数据模型的当前值。 watchAction是一个函数或者表达式，当watchFn发生变化时调用。其函数签名为：
function(newValue,oldValue,scope） deepWatch 如果设置为true，这个可选的布尔值参数将会命令Angular去检查被监控对象的每一个属性是否发生了变化。如果你向监控数组中的元素，或者对象上的所有属性，而不是值监控一个简单的值，你就可以使用这个参数。注意，Angular需要遍历数组或者对象，如果集合比较大，那么运算复杂呢就会比较的重。

$watch函数会返回一个函数，当你不需要接收变更通知时，可以用这个返回的函数注销监控器。
如果我们需要监控一个属性，然后接着注销监控，我们就可以使用以下的代码： var dereg = $scope.$watch('someModel.someProperty',callbackOnChange());
... dereg();

实例代码如下:

内容总结

以上是互联网集市为您收集整理的AngularJS语法详解（续）_AngularJS全部内容，希望文章能够帮你解决AngularJS语法详解（续）_AngularJS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---