javascript - 按下按钮时 polymer 纸对话框不会隐藏

Question

我设置了一个纸质对话框，由于某种原因，当用户按下肯定或否定按钮时，纸质对话框不会关闭。

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

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

这是一个与我正在做的事情非常相似的笨蛋: 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>

尝试与您的骗子合作时，我遇到了与我们在另一篇文章中讨论的类似问题，即访问对话框内的元素时遇到问题。所以我将所有内容都放在自定义元素中，接受按钮以切换第一个对话框。

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