異なるコントローラーの$ onと$ broadcastは可能です

Question

$scope.broadcastと$scope.$onを別のコントローラーに入れることはできますか？私は一度テキストを入力すると、データは検索の責任を持つコントローラーに送られます。私は$scope.broadcastと$scope.$onを使ってデータを転送することをお勧めします。ところで、私はインターンです...ありがとう。

Answer 1

はい、もちろんです！ $ scopeを使用する$ emitは、$ scopeの上にあるイベントを発生させます。 $ scope。$ broadcastを使用すると$ scopeのイベントが発生します。 $ scope。$ onを使用すると、これらのイベントをリスンする方法です。

親スコープと子スコープをエミュレートする最も簡単な方法は、コントローラを使用することです。

<div ng-controller="ParentCtrl as parent" class="ng-scope"> 
    {{ parent.data }} 
    <div ng-controller="SiblingOneCtrl as sib1" class="ng-scope"> 
     {{ sib1.data }} 
    </div> 
</div> 

我々は$放送を使ってSiblingOneCtrlまでParentCtrlからイベントを発生できます：

app.controller('ParentCtrl', 
    function ParentCtrl ($scope) { 

    $scope.$broadcast('parent', 'Some data'); // going down! 

}); 

app.controller('SiblingOneCtrl', 
    function SiblingOneCtrl ($scope) { 

    $scope.$on('parent', function (event, data) { 
    console.log(data); // 'Some data' 
    }); 

}); 

各コントローラには、角度がきちんと私たちのために、新たにスコープ要素にNG-スコープクラスを出力新しい$スコープを作成します

SiblingOneCtrlからParentCtrlまで上向きに通信したいと思ったら、あなたはそれを推測しました。$ emitを使うことができます。

app.controller('ParentCtrl', 
    function ParentCtrl ($scope) { 

    $scope.$on('child', function (event, data) { 
    console.log(data); // 'Some data' 
    }); 

}); 

app.controller('SiblingOneCtrl', 
    function SiblingOneCtrl ($scope) { 

    $scope.$emit('child', 'Some data'); // going up! 

});