首頁(yè) 猿問(wèn) angular...

angular 6.x關(guān)于多個(gè)組件共享狀態(tài)

隔江千里 2018-07-22 08:32:26

angular6.x新手，最近在使用過(guò)程中碰到如下問(wèn)題，有沒(méi)有熟悉的大神來(lái)分享一下經(jīng)驗(yàn)angular中如何多組件共享一個(gè)狀態(tài)，在vue等中可以采用Flux 架構(gòu)體系，官方也有提供對(duì)應(yīng)的庫(kù)如（VUEX），那么在angular中如何兄弟組件，或者父組件與孫組件間的數(shù)據(jù)共享（排除中間組件做轉(zhuǎn)發(fā)的方法，感覺(jué)擴(kuò)展性不好，不易維護(hù)。）在angular中service服務(wù)應(yīng)該如何理解？個(gè)人目前的感覺(jué)很類似vue中的mixins，就是一段通用的方法，在組件內(nèi)導(dǎo)入注冊(cè)即可使用，并且不同組件倒入相同service不會(huì)共享數(shù)據(jù)。在中大型項(xiàng)目中angualr項(xiàng)目肯定會(huì)面臨多組件共享狀態(tài)，那么在中大型項(xiàng)目中應(yīng)該如何處理？或者你們都是采用什么樣的方案在路由中鑒權(quán)應(yīng)該用什么辦法去處理比較好？比如：未登錄的話，不能進(jìn)入某些頁(yè)面，可以的話希望可以提供對(duì)應(yīng)的demo

查看完整描述

2 回答

智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊

具體的實(shí)現(xiàn)細(xì)節(jié)，因?yàn)闀r(shí)間關(guān)系提供不了，簡(jiǎn)單羅列幾個(gè)解決方案的方向。

你說(shuō)的多組件共享狀態(tài)，看起來(lái)是 redux 的概念，angular 也有這些實(shí)現(xiàn)，如果你習(xí)慣 redux 的話可以看看 ngrx 這些庫(kù)也許能給你答案。
事實(shí)上angular 2的代碼中沒(méi)有service的概念，只是因?yàn)榱?xí)慣的原因很多命名會(huì)用 service 來(lái)命名，它們是一種可注入的對(duì)象或值，也可以是方法（Angular中的依賴注入），service 會(huì)有自己的作用域，在模塊中注冊(cè)的 service 會(huì)與模塊中的所有成員共享 service 的實(shí)例，如果其中一個(gè)組件自己又注冊(cè)了這個(gè)service，那么這個(gè)組件注入進(jìn)來(lái)的 service 實(shí)例是一個(gè)新的實(shí)例，模塊之間也類似，除此之外更多的資料可以參考前面的鏈接。
同1
鑒權(quán)用守護(hù)（Guard）來(lái)做，支持同步，異步（Promise, Observable）- 參考鏈接。