双方向バインディング属性指示子

Question

ブートストラップによって提供されるprogressBar指示文の属性に双方向データバインディングが必要です。私たちは、私は私のHTMLにこれを使用すると、私はこれを持って

.constant('uibProgressConfig', { 
    animate: true, 
    max: 100 
}) 

を以下しているProgressBarコンポーネント内部

。

<uib-progress ng-repeat="bar in myCtrl.stacked track by $index" animate="myCtrl.isRunning" value="{{bar.value}}" type="{{bar.type}}" 
     style="width:{{myCtrl.percentage}}%; border-right: 1px solid #000; border-radius: 0px"> 

私が望むのは、双方向のデータバインディングを持つアニメーション値属性です。

animate="myCtrl.isRunning" 

問題は、私は、エラー

Error: $parse:syntax Syntax Error Syntax Error: Token '{' invalid key at column 2 of the expression [{{field}}.$error] starting at [{field}}.$error].

をモデルに、この属性「アニメイト」をバインドするとにかくがあり得るので、私は

animate={{myCtrl.isRunning}} 

を使用することができないということですか？

Answer 1

animate属性は、ディレクティブコントローラの初期化時に一度だけ読み込まれるようです。これは、UI-bootstrap.jsからどちら$watchedも$observed

です:: UibProgressController

animate = angular.isDefined($attrs.animate) ? $scope.$parent.$eval($attrs.animate) : progressConfig.animate; 

あなたはモジュールをフォークとデータバインディング双方向を行うにUibProgressController