在AngularJS中设置属性值

时间:2015-11-10 22:14:46

标签: javascript angularjs templates

我有一个包含以下片段的模板:

<spark class="col-12" value="80"></spark>

我还有一个可以作为{{ratio}}访问此模板的变量,这样如果我将我的片段更改为:

<spark class="col-12" value="80"></spark>
Ratio: {{ratio}}

正确的比例将显示在页面上。

这是行不通的:

<spark class="col-12" value="{{ratio}}"></spark>

会导致显示“{{ratio}}”字符串。

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

您应该使用内置指令从作用域添加属性值,例如ng-src,ng-style,ng-href等。

Documentation for the built-in directives

答案 1 :(得分:0)

ng-attr会为你工作吗? NG-ATTR值=&#34; {{比率}}&#34;

https://docs.angularjs.org/guide/directive#-ngattr-attribute-bindings