Polymer 聚合物支架：每页设置标题：最佳方法

我们的团队正在开发我们的第一款聚合物一体机应用程序，我们不得不对项目中一个被忽视的部分进行逆向工程。我们需要为核心脚手架中的标题栏设置标题。使用JS在简单页面上很容易做到这一点，但是有些页面有条件模板显示内容，并且每个页面都需要自己的标题

乙二醇

动态标题在这里
内容1
内容2
内容3

我打算在模板元素上添加一个属性，以便能够传递title值，但是我不知道如何使用JS来找出哪个模板是有条件呈现（活动）的模板。我似乎找不到关于这个的任何文件。此外，我还想构建一些可重用的东西（不带ID），可以在任何页面上全局使用

有人能提供一些建议吗

干杯，

---

david

我认为我不会为此使用条件模板。如果该条件发生了很大变化，则每次更改模板时，模板的内容都会从dom中添加和删除。我认为最好使用隐藏属性或使用数据绑定来动态更改文本

隐藏属性

<span hidden?="{{!condition1}}">Content 1</span>
<span hidden?="{{!condition2}}">Content 2</span>
<span hidden?="{{!condition2}}">Content 3</span>

---

我不认为我会为此使用条件模板。如果该条件发生了很大变化，则每次更改模板时，模板的内容都会从dom中添加和删除。我认为最好使用隐藏属性或使用数据绑定来动态更改文本

隐藏属性

<span hidden?="{{!condition1}}">Content 1</span>
<span hidden?="{{!condition2}}">Content 2</span>
<span hidden?="{{!condition2}}">Content 3</span>

<span>{{content}}</span>

if (condition1) {
  this.content = 'Content 1';
}