angularjsディレクティブ・パス・パラメータ・アウト・コントローラ

Question

ディレクティブにコントローラ・メソッドを送信しています。私はイベントのようにパラメータfrpm direvtiveを取得したい。

DEMO

var app = angular.module("app", []); 

app.controller("outCtrl", function($scope){ 
     $scope.callOut = function(pramFromDirective){ 
     console.log(pramFromDirective); 
    } 
}) 


app.directive("myDir", function(){ 
    return { 
      restrict: "E", 
      scope: { 
       call: "&" 
     }, 
      controller: function($scope){ 
      $scope.call({message: 444}); 
     } 
    } 
}) 

私はoutCtrl.callOut()メソッドにパラメータを送りたいです。しかし、それはしません。

Answer 1

テンプレートにパラメータを追加する必要があります。このパラメータは、渡すオブジェクトのプロパティと同じ名前で$scope.call()に設定します。あなたは$scope.call({message: 444})としてそれを呼んでいるので実行します。

<my-dir call="callOut(message)"></my-dir> 

Answer 2

あなたのテンプレートは非常に正しいではありません。コールバックメソッドバインディングのパラメータを、ディレクティブで使用するオブジェクトキーの名前と正確に一致させる必要があります。

<div ng-app="app"> 
    <div ng-controller="outCtrl"> 
    <my-dir call="callOut(message)"></my-dir> 
    </div> 
</div> 

角度は、実際にはパラメータをそのまま通過しません。これは、オブジェクトキーを指令関数呼び出しパラメータ$scope.call({ message: 444 })からテンプレートcall="callout(message)"のメソッドのパラメータ名にマップします。