テンプレートでjs-callを使用したディレクティブ - メソッドが呼び出されない

Question

私の角形アプリケーションでは、アラートのリストを処理するalert-serviceがあります。次に、すべてのアラートをページにレンダリングするディレクティブを作成します。私は、UIのブートストラップコンポーネントを使用します。

しかし、警告の閉じるボタンは、メソッドを呼び出すことはありません。

.directive('someAlert', ['alertService', function (alertService){ 
     var templateString = '<uib-alert ng-repeat="alert in vm.alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</uib-alert>'; 
    return { 
     restrict: 'E', 
     template: templateString, 
     scope: true, 
     controller: function(){ 
      var vm = this; 

      vm.alerts = alertService.get(); 

      vm.closeAlert = function (index) { 
       console.log('closeAlert within directive controller called'); 
       alertService.closeAlertIdx(index); 
      } 
     }, 
     controllerAs: 'vm', 
     replace: true 
    } 
}]); 

Answer 1

でこれを試してみてください私は、アラート・インスタンスに直接closeメソッドを追加しました。その後、alert.close（）は期待どおりに動作しています。ニースのソリューションが見つかりました：alertserviceと少しmodified

Answer 2

はtemplateString

close="vm.closeAlert($index)"