javascript - 聚合物纸标签与铁页模型装订

Question

如何处理纸标签聚合物铁页内的模型。请参阅下面的代码:

<paper-tabs selected="{{selected}}">
 <paper-tab>Tab 1</paper-tab>
 <paper-tab>Tab 2</paper-tab>
</paper-tabs>
<iron-pages selected="{{selected}}">
 <div>
       {{model.tab1.content}} //not working
 </div>
 <div>
        {{model.tab2.content}} //not working
 </div>
</iron-pages>
<script>
        Polymer({
            is: "my-element",
            properties: {
                model: {
                    type: Object,
                    value: {tab1...}
                }
            }
        });
    </script>

因此，model.tab1.content 在iron-pages 内不起作用。

Answer 1

您可以创建一个包含纸质标签和铁质页面的自定义元素，然后所选属性的双向绑定(bind)将导致标签和页面同步。

这里是 easy-paper-tabs 要点的链接