Polymer 聚合物不';t更改纸张选项卡的选定属性

Polymer 聚合物不';t更改纸张选项卡的选定属性,polymer,Polymer,我正在尝试在我的应用程序上制作纸质标签。 页面加载时必须选择选项卡1和第1页,不幸的是,当我试图使属性selected=0页面加载时,选项卡1处于活动状态,但我无法更改为任何其他选项卡,我总是只看到选项卡1和页面1 有人能告诉我怎么解决这个问题吗 致意 我正在写我尝试过的东西 我的导入扩展 <link rel="import" href="../bower_components/paper-tabs/paper-tabs.html"> <link rel="import" hr

我正在尝试在我的应用程序上制作纸质标签。 页面加载时必须选择选项卡1和第1页,不幸的是,当我试图使属性
selected=0
页面加载时,选项卡1处于活动状态,但我无法更改为任何其他选项卡,我总是只看到
选项卡1
页面1
有人能告诉我怎么解决这个问题吗

致意

我正在写我尝试过的东西

我的导入扩展

<link rel="import" href="../bower_components/paper-tabs/paper-tabs.html">
<link rel="import" href="../bower_components/core-pages/core-pages.html">
<link rel="import" href="../bower_components/core-ajax/core-ajax.html">

尝试
selected=“{{activeTabId}}”
并在JavaScript中设置默认值:
activeTabId:0

您可以创建一个自定义元素,用页面包装选项卡,然后使用双向绑定
{selected}
自动保持选项卡和页面同步


以下是第二次修复Polymer问题时的要点('progress-page',{ready:function(){//make global Value available on instance.this.selected=0;}});
   <paper-tabs selected="0">
            <paper-tab>Tab 1</paper-tab>
            <paper-tab>Tab 2</paper-tab>
            <paper-tab>Tab 3</paper-tab>
        </paper-tabs>

        <core-pages selected="0">
            <div>Page 1</div>
            <div>Page 2</div>
            <div>Page 3</div>
        </core-pages>
         <paper-tabs selected="{{0}}">
            <paper-tab>Tab 1</paper-tab>
            <paper-tab>Tab 2</paper-tab>
            <paper-tab>Tab 3</paper-tab>
        </paper-tabs>

        <core-pages selected="{{0}}">
            <div>Page 1</div>
            <div>Page 2</div>
            <div>Page 3</div>
        </core-pages>
   Polymer('progress-page', {
        ready: function () {
            // make global values available on instance.
            this.selected = 0;
        }
});