2015-10-20 30 views
0

我有一些代碼,看起來像這樣:讓'dom-if'檢查針對另一個元素中的屬性的條件?

.. 
<template is="dom-if" if="_myMethod()"> 
    <div>Hello world</div> 
</template> 
.. 

_myMethod看起來是這樣的:

_myMethod: function(){ 
    return this.$.someOtherObject.someList.size() == 0; 
} 

正如你所看到的方法,從其他一些polymer-element在頁面返回值。但是,當我的其他polymer-element更改時,如何讓dom-if更改它的「狀態」?

我知道,如果我傳遞一個值的方法,這樣的:_myMethod(someValue)如果someValue變化,它會更新dom-if,但我需要「觀察」在另一polymer-element的變化。我該怎麼做我想做的事?

回答

0

對於某些實驗我結束了以下內容:

.. 
<my-other-element on-some-list-changed="_notifyChange" id="someOtherObject"> 
</my-other-element> 
.. 
.. 
<template is="dom-if" if="_myMethod(didChange)"> 
    <div>Hello world</div> 
</template> 
.. 
.. 
_notifyDidChange: function() 
{ 
    this.didChange = !this.didChange; 
} 
_myMethod: function(didChange){ 
    return this.$.someOtherObject.someList.size() == 0; 
} 

dom-if現在將更新如果在其他元件的變化的值(數組)。不知道是否有一個錯誤(與數組),但我試圖直接綁定到someOtherObject.someList並同步兩個元素之間的變化,他們同步,但事件沒有正確觸發,因此dom-if不會更新。 :(

相關問題