聚合物纸对话框不会隐藏在按钮按下时

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。我不确定为什么这会分成另一个元素。但它发生在几个版本之前。

<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 合作时，我遇到了与我们在另一个 post 中讨论的问题类似的问题，在访问对话框中的元素时遇到问题。所以我把所有东西都放在一个自定义元素中接受按钮来切换第一个对话框。

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

聚合物纸对话框不会隐藏在按钮按下时

Polymer paper-dialog not hiding on button press

javascript

polymer

material-design