设置在AngularJS属性值

Question

我有一个包含下面的代码片段模板：

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

我也有一个变量访问这个模板{{比例}}这样，如果我改变我的片段：

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

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

这是行不通：

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

导致 “{{比例}}” 所显示的字符串。

任何想法？

Answer 1

您应该使用内置指令来添加范围内的属性值，例如ng-src，ng-style，ng-href等等。

Documentation for the built-in directives

Answer 2

会NG-ATTR为你工作？ NG-ATTR值= “{{比例}}”

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