angularjs - 如何将动态值传递到 Angular 指令中？

Question

数据绑定(bind)到指令的属性会导致错误 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",...)。 值在范围内，如scope: {...}所定义。

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