angularjs - 動的な値を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

2 つの問題:

• を渡す{{progress}}のではなく、正しい変数を渡します。

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

  value: "=value"スコープ宣言はそれを意味します。

• してくださいscope.$watch("value",...)。で定義されているように、valueはスコープ内にありscope: {...}ます。

これらの変更により、機能します。