2016-03-03 68 views
0

我有2個webcomponents,其具有相同的鏈接的值從1個WebComponent的傳遞一個變更值到另一個

<my-input value="{{data}}"></my-input> 
<my-output value="{{data}}"></my-output 

這樣的方式,當我在my-input改變紙輸入它將改變屬性相應地在my-output

的問題是,沒有結束顯示,即使在輸出存在的basecase:

<div>Data: {{value}}</div> 

如此看來,可變心不是鏈接到兩個組件。在爲值組件定義你需要有

@property String data; 

回答

0

@Property(notify:true) 
String value; 

所以這樣它傳播了

數據變量定義爲。似乎沒有這個,它只是停止傳播。然後這會將更改的值向上推送到父變量data變量。

作爲後續內容:只需要通知變量本身是否在Web組件內部發生更改。這完全取決於你的設計。

+0

具體來說,它可能只是需要做到這一點的'my-input'元素。如果一個元素不曾修改變量本身,那麼它可能不需要(這可能是'my-output'的情況)。 –

+0

虐待添加,作爲編輯。謝謝 – Fallenreaper

相關問題