AngularJS - ディレクティブコールバックへの代入

Question

私は少し十字でアイコンを表示する指示があります。ユーザーがこの十字をクリックすると、コールバックが呼び出されます。ディレクティブの

<div class="item" title="{{name}}"> 
    <button type="button" class="close"> 
    <span ng-click="onDelete()">&times;</span> 
    </button> 
    <span class="glyphicon glyphicon-folder-open"></span> 
</div> 

Javascriptを：ここで

は、ディレクティブのテンプレートのコードです

angular.module('hiStack').directive('hsItem', function() { 
    return { 
    restrict: 'E', 
    replace: true, 
    templateUrl: 'item.tpl.html', 
    scope: { 
     onDelete: '&', 
     title: '@' 
    } 
    }; 
}); 

最後に、ディレクティブを使用するコード：

<hs-item on-delete="deleteGroupModal = true" title="TestTitle"></hs-item> 

deleteGroupModal = trueがされ私が十字架をクリックすると決して呼び出されません。代わりにdeleteGroup()のような関数を渡すと、機能します。 普通はng-clickと同じように割り当てを渡すことはできますか？

ありがとうございます。

Answer 1

イゴール・ヤンコビッチ（IgorJanković）氏によると、属性に直接書くよりも関数を渡す方が良いです。

前記、それはこのような属性に渡された式をevalに可能です：

angular.module('hiStack').directive('hsItem', function() { 
    return { 
    restrict: 'E', 
    replace: true, 
    templateUrl: 'item.tpl.html', 
    scope: { 
     title: '@' 
    }, 
    link: function(scope, element, attrs) { 
     scope.onDelete = function() { 
      // Eval the code on the parent scope because directive's scope is isolated in this case 
      if (attrs.onDelete) scope.$parent.$eval(attrs.onDelete); 
     } 
    } 
    }; 
});