Polymer 1.0 出现在 后面

Question

我正在使用 polymer 入门套件。

当我添加 <paper-toast>元素，它出现在 <paper-drawer-panel> 后面当我 .show()

有没有其他人遇到过这个问题，您有什么解决办法吗？

Answer 1

我遇到了同样的问题并弄清楚发生了什么。

如果你和我做同样的事情，那么你就有了你的 paper-toast在 main 的某处节paper-drawer-panel .在这种情况下，移动 paper-toast外面paper-drawer-panel .

对我有用的是添加我的 paper-toast在index.html收盘后</paper-drawer-panel>标签。

如果您需要使用动态消息(即，消息内容在 index.html 上不可用的自定义元素中确定，那么您可以在自定义元素中设置文本，如下所示。

---

index.html

<paper-drawer-panel>
    <!-- Your chest of drawers go here -->
</paper-drawer-panel>

<paper-toast id="somethingWentWrong"
             duration="6000">
</paper-toast>

elsewhere.html

<!-- Assuming of course that this is included in index.html -->
<p on-click="paragraphClicked">Click Me</p>


paragraphClicked: function() {
   var toast = document.querySelector('#somethingWentWrong');
   toast.text = 'Aaargh!';
   toast.show();
}