聚合物dom-如果不起作用

Question

如果使用Polymer 1.X，我有此模板dom-，但无法正常工作。

它应该显示“正在载入”当requirement.allLoaded是false时，并显示真正的内容requirement.allLoaded是true 。

我在测试函数中切换此变量的状态。 但这并没有效果。

 //Properties requirement: { type:Object, value: { allLoaded: false, tagsLoaded: false } } //Test function _testButton: function(){ console.log(this.requirement); this.requirement.allLoaded = !this.requirement.allLoaded; console.log(this.requirement); }, 

 <div id="modal-content"> <template is="dom-if" if={{!requirement.allLoaded}}> <p>Loading</p> </template> <template is="dom-if" if={{requirement.allLoaded}}> <iron-pages selected="[[selectedTab]]" attr-for-selected="name" role="main"> <details-tab name="details"></details-tab> <bar-chart-tab name="barchart"></bar-chart-tab> <live-data-tab name="livedata" shared-info='{{sharedInfo}}'></live-data-tab> </iron-pages> </template> </div> 

注意：我已经使用此结构来显示/不显示其他项目（使用Polymer 2），并且它正在工作。

Answer 1

仅仅是改变不起作用？ 即它可以正确显示负载？

尝试通知聚合物更改： this.requirement.allLoaded = !this.requirement.allLoaded; this.notifyPath('requirement.allLoaded'); this.requirement.allLoaded = !this.requirement.allLoaded; this.notifyPath('requirement.allLoaded');

Answer 2

您还可以将this.set('property.subProperty', value)用于可观察的更改 。
在您的情况下，这是this.set('requirement.allLoaded', !this.requirement.allLoaded);