理解angularJs中的$on,$broadcast,$emit

標籤：angular   tar   list   rgs   2-2   broadcast   .com   com   style   

 

$emit作用是將一個事件從子範圍廣播至父範圍，直至根範圍。（包括自己）

$emit有兩個參數name和args，name就是需要廣播的名字，args是一個或者多個參數。

 

 

$broadcast的參數與$emit差不多，一個是名字，一個是參數。

$broadcast是為了使一個事件從父做用語向子範圍廣播。（包括自己）

相同的一點是：$emit,$broadcast都需要綁定事件。像這樣：

$scope.eventName = function () {$broadcast(broadcastName, broadcastArgs );}

然後再父範圍或者子範圍監聽這個事件。

 

 

$on有兩個參數，name和listener。

name指監聽的事件的名字。比如說上面的broadcastName，listener是一個函數，它也有兩個參數：event和args

event有以下幾個屬性：

targetScope：傳播事件的範圍

currentScope：當前範圍

name：事件名稱，如上文eventName

stopPropagation() ：使$emit事件在本範圍傳播後不再向上傳播

preventDefault() ：阻止傳播事件，並給defaultPrevented賦值為true

defaultPrevented：如果調用了preventDefault事件則返回true。

理解angularJs中的$on,$broadcast,$emit