Polymer 聚合物纸标签不工作

Polymer 聚合物纸标签不工作,polymer,Polymer,在我的应用程序中,我有两种不同的设置选项卡的方法,一种有效,一种无效。不知道我做错了什么。这两个示例都位于自定义元素模板中 这种方式有效: <paper-tabs id="clinic-tabs" selected="{{clinicId}}" attr-for-selected="cid" scrollable> <template is="dom-repeat" items="[[clinics]]" filter="_shouldDisplay" observe="a

在我的应用程序中,我有两种不同的设置选项卡的方法,一种有效,一种无效。不知道我做错了什么。这两个示例都位于自定义元素模板中 这种方式有效:

<paper-tabs id="clinic-tabs" selected="{{clinicId}}" attr-for-selected="cid" scrollable>
  <template is="dom-repeat" items="[[clinics]]" filter="_shouldDisplay" observe="active use">
    <paper-tab cid="[[item.id]]">[[item.name]]</paper-tab>
  </template>
</paper-tabs>
这条路不行

<paper-tabs selected="{{page}}" attr-for-selected="page" scrollable>
  <paper-tab page="details">Patient Details</paper-tab>
  <paper-tab page="finance">Finance Records</paper-tab>
  <paper-tab page="history">Patient History</paper-tab>
  <paper-tab page="preopp1">Pre Op Assessment</paper-tab>
  <paper-tab page="surgery">Surgery Settings</paper-tab>
  <paper-tab page="postop">Post Op Assessment</paper-tab>
</paper-tabs>
如果我在paper-tab.html中的onTap函数上放置断点,如果我使用console输出值,则在第一个断点上放置断点 此.cid打印正确的值。如果在第二个版本上设置断点,则this.page未定义,尽管this.getAttibute'page'返回正确的值。因此,在第二个版本中,{{page}}值没有更改,因此我的选项卡不做任何事情


任何人都知道如何在第二个标签上设置标记,以便我可以使用自定义元素中的page属性来执行操作,实际上,使用

纸张选项卡在不同页面之间切换时,所选标签没有属性。它适用于数字选择。因此,selected=0,selected=1,依此类推。第一个示例之所以有效,是因为您可能将ID设置为0到x


文档:

我实际上发现问题在于,在第二种情况下,行为中声明的宿主元素中的page属性是只读的。

实际上,它确实具有从IronSelectorBehaviour派生的at attr for selected属性。请参阅下面我的答案,当我发现页面属性已被读取时,该答案现在起作用only@akc42很酷,很抱歉我的回答错了,我不知道这一点,甚至我在纸标签上工作了这么长时间。谢谢你的更正