ディレクティブテンプレート内の外部コントローラ関数にアクセス

Question

jsonオブジェクトの配列を取り、一連のボタンを作成する指示要素を作成しようとしています。まず、左ボタンと右ボタンだけで作業しようと思った。ここでディレクティブコードが

私は

<div ng-controller="FormCtrl as form"> 
    <buttongroup 
     left-func="form.cancel()" left-text="Reject Call" 
     right-func="form.submit()" right-text="Accept Call"> 
    </buttongroup> 
</div> 

そしてHERESにそれを使用しようとしている方法です

.directive('buttongroup', function() { 
    return { 
     restrict: 'E', 

     scope: { 
     leftFunc: '@', 
     leftText: '@', 
     rightFunc: '@', 
     rightText: '@' 
     }, 

     template: '<button type="button" ng-click="{{leftFunc}}">{{leftText}}</button><button type="button" ng-click="{{rightFunc}}">{{rightText}}</button>', 
    }; 
}); 

これは正しいHTMLを作成しますが、ng-clickは、ボタン上では動作しません。私はこれが命令のテンプレートスコープにあり、form.submitまたはform.cancelとしてFormCtrl関数にアクセスすることができないと仮定しています。

私は角度をつけてまだ新しく、スコープがどのように機能するか把握しようとしていますので、どんな助けにも感謝します。

Answer 1

関数を呼び出して呼び出す必要があります。 テンプレートに構文エラーがあります。私はこれが答えのほとんどであるng-clickディレクティブ

template: '<button type="button" ng-click="leftFunc()">{{leftText}}</button><button type="button" ng-click="rightFunc()">{{rightText}}</button>'