簡體   English   中英

角度傳遞變量到子組件,跳過中間

[英]angular passing variables to child component, skip intermediate

我的角度應用程序(角度1.5)具有幾個不同的組件,這些組件分布在整個屏幕上,我想在它們之間傳遞參數。 該頁面具有以下結構:

<div id="semanticParent">
    <div id="ui-component1">
        <div id="ui-component2">
            <div id="semanticChild">
            </div>
        </div>
    </div>
</div>

這些divs中的每個divs是一個具有獨立范圍的單獨組件,其中ui-components是僅處理外觀而不受應用程序邏輯影響的第三方庫。

我可以想到的一種解決方法是創建一個服務,該服務被注入semanticParentsemanticChild並且所有變量都通過該服務傳遞,但這似乎並不好。

那么,這樣做的角度方式是什么?

實際上,這取決於您的功能需求:

1)如果父級是數據的所有者(它創建/編輯數據),而子級僅讀取數據,則應將子級組件嵌套在父級中,並通過屬性傳遞數據。

2)如果父母和孩子都可以編輯和讀取數據,最好讓他們通過服務與數據交互,以確保數據的一致性。

我不知道我的答案是否是您所需要的,但我希望它能澄清。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM