如何将动态值传递给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: {...}.

通过这些更改,它将起作用.