聚合物不会改变纸标签的选择属性

Question

我正在尝试在我的应用程序上制作纸质标签。页面加载时必须选择选项卡 1 和页面 1，不幸的是，当我尝试使用 tab1 激活属性 selected=0 页面加载时，但我无法更改为任何其他选项卡，我总是只看到 Tab 1 与 Page 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">

和代码：

   <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;
        }
});

Answer 1

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

Answer 2

您可以制作一个自定义元素，用页面包裹标签，然后使用双向绑定{{selected}}自动保持标签和页面同步。

这是 easy-paper-tabs

的要点

聚合物不会改变纸标签的选择属性

Polymer doesn't change paper-tab selected attribute

polymer