Polymer 如何使用纸张对话聚合物元素？

我通过添加开始和结束标记来使用元素，这就是它，但是它没有显示出来。我是否需要在上面添加一些脚本，以便在某些事件中触发它？或者是否有其他方法使其可见？

对话框本身是自动隐藏的。你通常用一个按钮来切换它。 例如，为对话框设置一个

id=“dialog”

，并在点击时设置按钮

，这将是

toggleDialog: () => {
    this.$.dialog.toggle();
},


提交
用户信息
[[用户名]]

接近
聚合物({
是‘纸张对话’，
特性：{
用户名：{
类型：字符串，
},
validatedetails:函数（）{
这是$.userdetails.open（）；
},
});
对于polymer 3.0，我创建my从列表中删除带有标题、说明和两个按钮的项目

<paper-dialog id="dialogDelete" >
    <h2>Delete</h2>
    <p>Are yout sure you want to delete this catalog?.</p>
    <div class="buttons">
        <paper-button dialog-dismiss>Cancel</paper-button>
        <paper-button dialog-confirm autofocus on-tap="_attempDeleteCatalog">Delete</paper-button>
    </div>
</paper-dialog>

我希望这会有帮助。
这很管用。另外，在创建元素时添加属性“opened”也起到了作用。这很好，我不知道。回答一些解释是一个更好的选择。
<paper-dialog id="dialogDelete" >
    <h2>Delete</h2>
    <p>Are yout sure you want to delete this catalog?.</p>
    <div class="buttons">
        <paper-button dialog-dismiss>Cancel</paper-button>
        <paper-button dialog-confirm autofocus on-tap="_attempDeleteCatalog">Delete</paper-button>
    </div>
</paper-dialog>

this.$.dialogDelete.open()