Wie kann ich noCancelOnOutsideClick von Papier-Toast ändern?

Question

habe ich versucht, den Code unten ist es nicht

<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> 

aber

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

arbeiten arbeitet, wenn ich es von der Konsole versuchen

was richtige HTML-Syntax falsch zugeordnet wird? Bitte helfen

Answer 1

Dies ist eigentlich ein bisschen schwierig. noCancelOnOutsideClick ist ein boolesches Attribut. Normalerweise wird jedes Vorhandensein im HTML auf true, einschließlich no-cancel-on-outside-click="false" festgelegt. Wenn Sie es auf false setzen möchten, würden Sie es einfach in Ihrem HTML lassen.

So den Wert auf true zu setzen, würden Sie dies tun:

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

Und für false dies:

<paper-toast> 

jedoch das Attribut standardmäßig auf true, so dass die nicht weitergeleitet Arbeit. Sie können das Attribut entweder in der ready-Funktion wie in der Konsole festlegen oder die Datenbindung verwenden.

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

Es ist eine interessante Diskussion über Boolesche in Polymer-Attribute auf Github.