聚合物 2 纸对话框自动打开，里面有铁页

Question

我完全迷路了，有什么方法可以让页面加载后显示一个里面有铁页的纸质对话框？

我只是通过将对话框绑定到按钮使其工作，但不是作为 page_ready 事件

Answer 1

在paper-dialog的documentation中你可以找到一个open()方法。
不过，我也可以用toggle()打开它。两者似乎都工作正常。

this.$.dialogID.toggle();
this.$.dialogID.open();

在您的场景中，您希望在加载页面时打开对话框。
所以你可以在 ready() 中添加这个函数。

ready() {
  super.ready();
  this.$.dialogID.toggle();
}

但可能值得一提的是：

Polymer no longer guarantees that the initial light DOM distribution is complete before ready is called. (Polymer documentation Lifecycle changes)

正确的方法
所以，我相信你也可以在附加上调用它。当然这取决于你的元素，但这似乎是我能想到的最简单直接的答案。

    constructor() {
        super();
    }
    connectedCallback() {
        super.connectedCallback();
        this.$.dialogID.open();
    }

polymer 2 paper-dialog auto open with iron-page inside