Question

我设置了纸质对话框，出于某种原因，当用户按下肯定或不同意按钮时，纸张对话框不会关闭。

我的按钮设置如下，这似乎是正确的：

<paper-button dismissive hover on-tap="{{addNewGraph}}">Cancel</paper-button>
<paper-button affirmative hover on-tap="{{addNewGraph}}">Submit</paper-button>

这是一个与我正在做的非常相似的一个plunker： http://plnkr.co/edit/6aNT88vi9lHLwLN9Pab3?p=preview

有关为什么这不起作用的任何想法？

Answer 1

如果你想要使用肯定和不屑一顾的属性，你必须使用纸张动作对话框。我不确定为什么这会分裂成另一个元素。但它发生在几个版本之前。

<paper-action-dialog id="secondDialog" backdrop transition="paper-dialog-transition-center">
  <div layout horizontal>
    <paper-button raised class="colored" self-center>Upload File</paper-button>
    <paper-input-decorator label="Enter URL for Dataset" floatingLabel error="A URL is required!" flex self-center>
      <input is="core-input" id="graphSource" required>
    </paper-input-decorator>
  </div>
  <div>
    <paper-button dismissive hover on-tap="{{addNewGraph}}">Cancel</paper-button>
    <paper-button affirmative hover on-tap="{{addNewGraph}}">Submit</paper-button>
  </div>
</paper-action-dialog>

试图与你的plunker一起工作我遇到了类似的问题，我们在另一篇文章中谈到了在对话框中访问元素的问题。所以我把所有东西放在一个自定义元素接受按钮切换第一个对话框。

http://plnkr.co/edit/dWmkTeY17wEE3hXhQFql?p=preview

聚合物纸 - 对话框没有隐藏在按钮上

1 个答案: