在不帶@ Input/@輸出的組件之間傳遞數據

簡而言之，我需要一個「購物車」，就像從一個組件到網站其餘部分的關係一樣。我說「shopping cart like」，因爲它基本上是用戶在瀏覽時生成的需求列表。它不會有任何價格或稅收邏輯，但每種類型的需求都會有自己的sub-parameters獨特於其他人，我正在爲interfaces創建interfaces。我認爲needs component將使用any類型接受傳入的數據塊。在不帶@ Input/@輸出的組件之間傳遞數據

截至目前，通過整個樹創建的@Inputs和@Outputs大規模的高速公路剛剛去了一個分支和退縮一個層似乎過於繁瑣。我想如果我能夠創建一個直接推送到needs component的函數，或者創建一個類來推送所有內容並在needs component中訂閱它，那將是一件好事。

我設置過濾器在我搜索到2月1日 - 現在，發現這個 Share data between components using a service in Angular2

它揭示了一個事實，即它可能多一點光，但我不知道我應該怎麼去這我不知道如何從中得出答案。

我還沒有想出任何代碼嘗試它，因爲我不知道該怎麼嘗試，所以我擁有的是我的組件。看到我在尋求一種方法來創建一種可以在組件樹上發生作用的關係，但是我發現發佈的組件基本上只有<h1>hi</h1>才能顯示它們正在工作。如果你仍然想看到我的代碼，我會發布它，但它不是很多大聲笑。我仍在使用Angular2，目前無法更新Node和NPM以使用4。任何有關如何實現這一目標的信息將不勝感激。

來源

2017-05-03 Optiq

我會使用的服務。尤其是'@Output（）'的深層鏈是不可維護的。在這個 –

角使用ngrx - https://github.com/ngrx –

^^使用NGRX存儲模式 - > http://bodiddlie.github.io/ng-2-toh-with-ngrx-suite/ – Milo

利用Angular Services，它們是組件之間傳遞數據的途徑之一，並且作爲輸入和輸出也很容易，您將陷入事件發射器的Spaghetti中，您也可以查看用於在一個位置保存數據的ngrx存儲區。但是我建議你只在中大型應用程序的情況下使用ngrx，因爲它增加了一些代碼。

我的回購已經使用這兩個概念在細節 https://github.com/rahulrsingh09/AngularConcepts

來源

2017-05-03 17:43:51

在不帶@ Input/@輸出的組件之間傳遞數據

回答

相關問題