ブートストラップツールチップとのディレクティブアトリビュートバインド

Question

グリフコンクラス切り替えの三項演算子がうまく動作するが、私のカスタムツールチップディレクティブで動作しないような問題がある。それはちょうどデフォルトのAdd Projectのままで、Update Projectに切り替わりません。私のカスタムディレクティブとは明らかに関係があります。 $digestサイクルを強制するか、$watchを追加する必要がありますか？私はAngularには比較的新しいので、これに関するいくつかの援助を大いに感謝しています。

HTML：

<span class="glyphicon glyphicon-{{ currentproject ? 'arrow-up' : 'plus'}}" 
     ng-click="PostProject(currentproject)" 
     tooltip="{{ currentproject ? 'Update' : 'Add'}} Project"> 
</span> 

カスタム指令：

app.directive('tooltip', function() { 
    return { 
     restrict: 'A', 
     scope: { 
      tooltip: '@' 
     }, 
     link: function ($scope, element, attrs, ctrl) { 
      $(element).tooltip({ 
       title: $scope.tooltip 
      }); 
     } 
    }; 
}); 

Answer 1

と@hansmaadとthisに基づいてしようとして助け、ここでは最終的な解決されています

$scope.$watch('tooltip', function (newValue, oldValue) { 
    $(element) 
     .tooltip({ 
      title: newValue 
     }) 
     .attr('data-original-title', newValue); 
}) 

Answer 2

はい、あなたはツールチップに$watchを追加する必要があります。 Angularは、式の値が変更された場合、魔法のように$().tooltip()を呼び出すことはできません。すべてのクレジット付き

link: function ($scope, element, attrs, ctrl) { 
     $scope.$watch('tooltip', function(newValue) { 
      updateTooltip(newValue); 
      // this does'nt update the existing bs tooltip: 
      // see http://stackoverflow.com/a/9875490/498298 
      // $(element).tooltip({ title: newValue }); 
     }); 
    } 

http://codepen.io/hansmaad/pen/QEWwdw?editors=1010