如何将动态值传递给Angular指令？

Question

数据绑定到指令的属性会导致错误demo：

<div goo-progressbar value="{{progress}}"</div> 

Error: Syntax Error: Token 'progress' is unexpected, expecting [:] at column 3 of the expression [{{progress}}] starting at [progress}}]. at Error (<anonymous>)

有没有办法传入实时值，以便我可以拥有动态指令？

Answer 1

两个问题：

• 不要传递{{progress}}，而是传递正确的变量：

  <div goo-progressbar value="progress"</div>
  

  value: "=value"范围声明暗示着。

• 做scope.$watch("value",...)。 value在范围内，由scope: {...}定义。

通过这些更改，它将起作用。