AngularJS语法详解(续)
前端之家收集整理的这篇文章主要介绍了
AngularJS语法详解(续),
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
src和href属性
Angularjs中src应写成ng-src,href应写成ng-href 例如:
表达式
在模板中可以进行简单的数学运算、比较运算、布尔运算、位运算、引用数组、和对象符号等 尽管我们可以使用表达式做很多事情,但是表达式是使用一个自定义的解释器来执行的(Angular的一部分),而不是用Javascript得eval()函数执行的,所以局限性较大。
虽然很多方面这里的表达式比Javascript更严格,但是他们对undefined和null的容错性更好,如果遇到错误,模板只是简单的什么都不显示,而不会抛出一个NullPointerException错误。 例如:
{{computer() /10 }}
//虽然是合法的,但是它把业务逻辑放到模板中了,应避免这种做法
区分UI和控制器的职责
控制器是绑定在特定DOM片段上的,这些片段就是他们需要负责管理的内容。有两种主要的方法可以把控制器关联到DOM节点上,一种在模板中通过ng-controller声明,第二种是通过路由把它绑定到一个动态加载的DOM模板片段上,这个模板叫视图。 我们可以创建嵌套的控制器,他们可以通过继承数结构来共享数据模型和函数,真实的嵌套发生在$scope对象上,通过内部的原始继承机制,父控制器对象的$scope会被传递到内部嵌套的$scope(所有属性,包括函数)。例如:
Your Shopping Cart
{{item.title}}
{{item.price | currency}}
{{item.price * item.quantity | currency}}
Total: {{totalCart()| currency }}
Discount: {{bill.discount | currency}}
SubTotal: {{subtotal() | currency}}