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

Question

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

<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: {...}。

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