Question

我尝试了以下代码，但它无法正常工作

    <paper-toast class$="center cursor-d horizontal justified layout" duration="4000" id="toast" no-cancel-on-outside-click="false" on-iron-announce="toast_open" on-transitionend="transition">
  <div class="cursor-p self-start" hidden="[[!undo]]" on-click="clear_undo">UNDO</div>
</paper-toast>

但

document.querySelector("#toast").noCancelOnOutsideClick = false

当我从控制台尝试时，

正在工作

什么是正确的html语法赋予false？请帮忙

Answer 1

这实际上有点棘手。 noCancelOnOutsideClick是一个布尔属性。通常情况下，HTML中的任何内容都会将其设置为true，包括no-cancel-on-outside-click="false"。如果您想将其设置为false，则只需将其保留在HTML中即可。

所以要将值设置为true，您可以这样做：

<paper-toast no-cancel-on-outside-click>

对于false这个：

<paper-toast>

然而该属性默认为true，因此上述操作无效。你可以在ready函数中设置属性，就像在控制台中一样，或者使用数据绑定。

<paper-toast no-cancel-on-outside-click$=[[myFalseValue]]>

在Github上的Polymer中对布尔属性进行了有趣的讨论。

我怎样才能改变noCancelOnOutsideClick的纸质吐司？

1 个答案: