控制器之間的通訊

2021-07-10 01:51:08 字數 2422 閱讀 1197

由於作用域的繼承是基於js的原型繼承方式,所以這裡分為兩種情況,當作用域上面的值為基本型別的時候,修改父作用域上面的值會

影響到子作用域,反之,修改子作用域只會影響子作用域的值,不會影響父作用域上面的值;如果需要父作用域與子作用域共享乙個值

的話,就需要用到後面一種,即作用域上的值為物件,任何一方的修改都能影響另一方,這是因為在js中物件都是引用型別。

基本型別

function

sandcrawler

($scope)

}function

droid

($scope)

}// html

"sandcrawler">

location: }

"move('mos eisley south')">move

"droid">

location: }

"sell('owen farm')">sell

物件

function

sandcrawler

($scope) ;

}function

droid

($scope)

}// html

"sandcrawler">

sandcrawler location: }

"droid">

"summon('owen farm')">

summon sandcrawler

在一般情況下基於繼承的方式已經足夠滿足大部分情況了,但是這種方式沒有實現兄弟控制器之間的通訊方式,所以引出了事件的方式

。基於事件的方式中我們可以裡面作用的$on,$emit,$boardcast這幾個方式來實現,其中$on表示事件監聽,$emit表示向父級以上的

作用域觸發事件, $boardcast表示向子級以下的作用域廣播事件。參照以下**:

向上傳播事件

function

sandcrawler

($scope) );

}function

droid

($scope)

}// html

"sandcrawler">

sandcrawler location: }

"droid">

droid location: }

"summon()">summon sandcrawler

向下廣播事件

function

sandcrawler

($scope)

}function

droid

($scope) );

}//html

"sandcrawler">

sandcrawler location: }

"recall()">recall droids

"droid">

droid location: }

從這個用法我們可以引申出一種用於兄弟控制間進行通訊的方法,首先我們乙個兄弟控制中向父作用域觸發乙個事件,然後在父作用域

中監聽事件,再廣播給子作用域,這樣通過事件攜帶的引數,實現了資料經過父作用域,在兄弟作用域之間傳播。這裡要注意的是,通過父元素作為中介進行傳遞的話,兄弟元素用的事件名不能一樣,否則會進入死迴圈。請看**:

-兄弟作用域之間傳播

function

sandcrawler

($scope) );

}function

droid

($scope)

$scope.$on('executedroidrecall', function

() );

}// html

"sandcrawler">

"droid">droid location: }

"recalladddroids()">recall all droids

"droid">droid location: }

"recalladddroids()">recall all droids

在ng中服務是乙個單例,所以在服務中生成乙個物件,該物件就可以利用依賴注入的方式在所有的控制器中共享。參照以下例子,在乙個控制器修改了服務物件的值,在另乙個控制器中獲取到修改後的值:

();});

($scope, instance) ;

});($scope, instance) ;

});//html

"mainctrl">

"text" ng-model="test" />

"change()">click me

"sidectrl">

"add()">my name }

angular 控制器之間的通訊

1,利用作用域的繼承方式 由於作用域的繼承是基於js的原型繼承方式,所以這裡分為兩種情況,當作用域上面的值為基本型別的時候,修改父作用域上面的值會 影響到子作用域,反之,修改子作用域只會影響子作用域的值,不會影響父作用域上面的值 如果需要父作用域與子作用域共享乙個值 的話,就需要用到後面一種,即作用...

angular 控制器之間的通訊

總的來說,angular控制器通訊的方式有三種 1,利用作用域繼承的方式。即子控制器繼承父控制器中的內容 2,基於事件的方式。即 on,emit,boardcast這三種方式 3,服務方式。寫乙個服務的單例然後通過注入來使用 利用作用域的繼承方式 由於作用域的繼承是基於js的原型繼承方式,所以這裡分...

Anjularjs控制器通訊

anjularjs控制器通訊有三種方式 1,子控制器繼承父控制器中的內容,即利用作用域繼承的方式 2,利用事件的方式,即 on,emit,boardcast 3,服務方式,寫乙個服務的單列,然後注入來使用 利用作用域的繼承方式 由於作用域的繼承是基於js的原型繼承方式,所有有兩種情況,當作用域上面為...