ng-attr-(suffix)

当AngularJS编译DOM时会查找花括号{{ some expression }}内的表达式。这些表达式会被自动注册到$watch服务中并更新到$digest循环中,成为它的一部分:

     <-- updated when`someExpression` on the$scope
         is updated -->

<h1>Hello{{someExpression}}</h1> 7

有时浏览器会对属性会进行很苛刻的限制。SVG就是一个例子:

<svg>
    <circle cx="{{ cx }}"></circle>

</svg>

89

10
11
12
13
14
15
16
17
18

运行上面的代码会抛出一个错误,指出我们有一个非法属性。可以用ng-attr-cx来解决这个问题。注意,cx位于这个名称的尾部。在这个属性中,通过用{{ }}来写表达式,达到前面提到的目的。

     <svg>
         <circle ng-attr-cx="{{ cx }}"><circle>

</svg>