AngularJsディレクティブ、値および機能

Question

とスコープ私はインライン版を許可するように<input type=text>と<div>を切り替えるディレクティブmyEditableあります

<my-editable value="vm.contact.name"></my-editable> 

を私は$scope.$applyがすべきことを言ういくつかの記事を読むまで、私はそれで幸せでした使用しないでください。

function save() { 
    scope.$apply(function(){ 
    scope.value = editor.find('input').val(); 
    }); 
    toggle(); 
} 

をしかし、それは悪いことなので、私は私の指示にコールバックメソッドを渡したい：ユーザーが（私の場合vm.contact.name）モデルを更新するために彼の変更を保存すると、私はそれを使用しています。このコールバックは、ユーザーが変更を保存するときに新しい値で呼び出される必要があります。しかし、私がディレクティブのスコープに二つのフィールドを追加することができないようだ。

return { 
    restrict: 'EA', 
    scope: { 
    value: '=value'/*, 
    onSave: '&onSave'*/ 
    }, 
    link: function(scope, element, attr) { 
    // ... 
    element.find('.save').click(function(){ 
     save(); 
    }); 

    // Declaration of `save` as above. 
    } 
} 

私はonSaveのコメントを解除した場合、値が受信されることはありませんし、onSaveは未定義です。

私の質問は、値とコールバックメソッドをディレクティブに与える方法です。 そして、ボーナスとして、どのようにコールバックにパラメータを渡すことができますか？

おかげ

Answer 1

あなたはディレクティブ隔離スコープ内のフィールドの「n」の数を渡すことができます。

関数を渡す場合は、&を使用します。あなたのプロパティー名がonSaveである場合は、ビュー内でこれをon-saveのように使用してください。

あなたのディレクティブは、ビューで

以下

app.directive('dir',function(){ 
    return { 
    restrict: 'EA', 
    scope: { 

    onSave: '&' 
    }, 
    link: function(scope, element, attr) { 
    // ... 
    debugger 
    console.log(scope.onSave) 
    scope.onSave(); 

    // Declaration of `save` as above. 
    } 
} 

}) 

のようになりますあなたのような

<dir on-Save='abc()'/> 

OR

<dir on-save='abc()'/>