角度ディレクティブは、ディレクティブの属性で指定された式の関数に引数を渡すことができますか？

特定のcallback属性を分離スコープで使用するフォームディレクティブがあります。

scope: { callback: '&' }

それは内部にあるng-repeatので、私が渡す式にはid、コールバック関数への引数としてオブジェクトのが含まれています。

<directive ng-repeat = "item in stuff" callback = "callback(item.id)"/>

ディレクティブを使い終えると、$scope.callback()コントローラー関数から呼び出されます。ほとんどの場合、これで問題ありませんし、やりたいことはこれだけですが、場合によっては、directiveそれ自体の内部から別の引数を追加したいこともあります。

これを可能にする角度式はありますか：$scope.callback(arg2)、callbackで呼び出されarguments = [item.id, arg2]ますか？

そうでない場合、これを行うための最も近い方法は何ですか？

これが機能することがわかりました：

<directive 
  ng-repeat = "item in stuff" 
  callback = "callback" 
  callback-arg="item.id"/>

と

scope { callback: '=', callbackArg: '=' }

ディレクティブ呼び出し

$scope.callback.apply(null, [$scope.callbackArg].concat([arg2, arg3]) );

しかし、私はそれが特にきちんとしているとは思いません、それは分離スコープに余分なものを置くことを含みます。

もっと良い方法はありますか？

ここにプランカー遊び場があります（コンソールを開いたままにします）。

@ lex82で述べられているようにコールバックを宣言すると

callback = "callback(item.id, arg2)"

オブジェクトマップを使用してディレクティブスコープのコールバックメソッドを呼び出すと、バインディングが正しく行われます。お気に入り

scope.callback({arg2:"some value"});

$ parseは必要ありません。私のフィドル（コンソールログ）を参照してくださいhttp://jsfiddle.net/k7czc/2/

更新：ドキュメントにこれの小さな例があります：

＆または＆attr-親スコープのコンテキストで式を実行する方法を提供します。属性名が指定されていない場合、属性名はローカル名と同じであると見なされます。スコープの指定とウィジェットの定義：{localFn： '＆myAttr'}、分離スコーププロパティlocalFnは、count = count + value式の関数ラッパーを指します。分離されたスコープから式を介して親スコープにデータを渡すことが望ましい場合がよくあります。これは、ローカル変数名と値のマップを式ラッパーfnに渡すことで実行できます。たとえば、式がincrement（amount）の場合、localFnをlocalFn（{amount：22}）として呼び出すことで、金額の値を指定できます。

他の答えには何の問題もありませんが、ディレクティブ属性で関数を渡すときに次のテクニックを使用します。

ディレクティブをHTMLに含める場合は、括弧を省略します。

<my-directive callback="someFunction" />

次に、ディレクティブのリンクまたはコントローラーで関数を「アンラップ」します。ここに例があります：

app.directive("myDirective", function() {

    return {
        restrict: "E",
        scope: {
            callback: "&"                              
        },
        template: "<div ng-click='callback(data)'></div>", // call function this way...
        link: function(scope, element, attrs) {
            // unwrap the function
            scope.callback = scope.callback(); 

            scope.data = "data from somewhere";

            element.bind("click",function() {
                scope.$apply(function() {
                    callback(data);                        // ...or this way
                });
            });
        }
    }
}]);    

「アンラップ」ステップでは、より自然な構文を使用して関数を呼び出すことができます。また、関数を渡す可能性のある他のディレクティブ内にネストされている場合でも、ディレクティブが適切に機能することが保証されます。アンラップを行わなかった場合、次のようなシナリオがある場合：

<outer-directive callback="someFunction" >
    <middle-directive callback="callback" >
        <inner-directive callback="callback" />
    </middle-directive>
</outer-directive>

次に、内部ディレクティブで次のような結果になります。

callback()()()(data); 

他の入れ子のシナリオでは失敗します。

Dan Wahlinの優れた記事（http://weblogs.asp.net/dwahlin/creating-custom-angularjs-directives-part-3-isolate-scope-and-function-parameters）からこの手法を採用しました

関数の呼び出しをより自然にし、プロジェクトで発生したネストの問題を解決するために、アンラップステップを追加しました。

ディレクティブ（myDirective）内：

...
directive.scope = {  
    boundFunction: '&',
    model: '=',
};
...
return directive;

ディレクティブテンプレート：

<div 
data-ng-repeat="item in model"  
data-ng-click='boundFunction({param: item})'>
{{item.myValue}}
</div>

ソース：

<my-directive 
model='myData' 
bound-function='myFunction(param)'>
</my-directive>

... myFunctionはコントローラで定義されています。

paramディレクティブでは、テンプレートはparamソースにきちんとバインドされ、に設定されていitemます。

linkディレクティブのプロパティ内（その「内部」）から呼び出すには、非常に類似したアプローチを使用します。

...
directive.link = function(isolatedScope) {
    isolatedScope.boundFunction({param: "foo"});
};
...
return directive;

はい、より良い方法があります。ディレクティブの$ parseサービスを使用して、親スコープのコンテキストで式を評価し、式の特定の識別子をディレクティブ内でのみ表示される値にバインドできます。

$parse(attributes.callback)(scope.$parent, { arg2: yourSecondArgument });

この行を、ディレクティブの属性にアクセスできるディレクティブのリンク関数に追加します。

callback = "callback(item.id, arg2)"arg2はディレクティブ内の$ parseサービスによってyourSecondArgumentにバインドされているため、コールバック属性は次のように設定できます。のようなディレクティブでは、このメカニズムを正確に使用して、ディレクティブに渡された式内ng-clickの$event識別子を介してクリックイベントにアクセスできます。

callbackこのソリューションでは、孤立したスコープのメンバーを作成する必要がないことに注意してください。

私のために働いた：

ディレクティブで次のように宣言します。

.directive('myDirective', function() {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            myFunction: '=',
        },
        templateUrl: 'myDirective.html'
    };
})  

ディレクティブテンプレートでは、次のように使用します。

<select ng-change="myFunction(selectedAmount)">

そして、ディレクティブを使用するときは、次のような関数を渡します。

<data-my-directive
    data-my-function="setSelectedAmount">
</data-my-directive>

宣言によって関数を渡し、ディレクティブから呼び出され、パラメーターが入力されます。