簡體   English   中英

使“ dom-if”檢查另一個元素中的屬性的條件嗎?

[英]Make 'dom-if' check the condition against a property in another element?

我有一些看起來像這樣的代碼:

..
<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的更改。 我該怎么做?

經過一些試驗,我得出以下結論:

..
<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其他元素上的值(數組)發生更改,則dom-if現在將更新。 不確定是否存在錯誤(帶有數組),但是我嘗試直接綁定到someOtherObject.someList並同步兩個元素之間的更改,它們同步了,但是事件未正確觸發,因此dom-if無法更新。 :(

暫無
暫無

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

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