親コントローラへの指示アクションをバインドします。AngularJS

Question

私はプロファイル更新の指示があり、親スコープからの更新アクションをトリガーしたいと思います。

main.js

angular.module('app') 
.directive('profile',{ 
    scope: { 
     updateFromDirective: "=" 
    }, 
    template: '<form><input ng-model="name"/></form>', 
    controller: function(){ 
     this.updateFromDirective = function(){ 
      /* update here */ 
     }; 
    } 
}) 
.controller('Ctrl', function(){ 
    this.updateFromController = function(){ 
     if(condition){ 
      /* how do I call updateFromDirective here ??? */ 
     } 
    }; 
}); 

index.htmlを

<div ng-controller="Ctrl"> 
    <profile updateFromDirective="updateFromController"></profile> 
    <button ng-click="updateFromController()">Update</button> 
</div> 

Answer 1

は'&'を使用してディレクティブにあなたの関数の参照を渡す場合：私のコードのように見えるものをここで あなたはこのように渡しています他の210あなたのケースで今

を（両方とも動作します）updateFromControllerため'='を使用

注：私はあなたがあなたの機能を持っているので、$スコープを使用したくないと仮定していますこの

とコントローラにコールバックとしてそれを渡す必要がありディレクティブからコントローラ機能を呼び出すには、以下

のようなそのコールバックを呼び出すことができます

あなたのhtmlが

<div ng-controller="Ctrl as vm"> 
<profile controllercallback="vm.updateFromController()"></profile> 

以下のようになります。しかし、ここであなたのボタンは、ディレクティブ自体にあります。

あなたのボタンがあなたのディレクティブの一部にしたくない場合、あなたはここで行う必要があり、正確にどのような

angular.module('app',[]) 
.controller('Ctrl', function($scope){ 
    this.updateFromController = function(){ 
     $scope.broadcast('calldirective'); 
    }; 
}).directive('profile',function(){ 
    return{ 
    template:'<input ng-model="name"/>', 
    controller:function($scope){ 
     $scope.$on('calldirective', function() { 
     alert('In Directive') 
     }); 

    } 



} 

})