Polymer benutzerdefinierte Element Attribute als boolesche typisierte Werte

Question

Während Demo A funktioniert, würde ich gerne verstehen, wenn es möglich ist, es funktioniert wie Demo B. Grundsätzlich für das benutzerdefinierte Element zu happyFlag Attribut als booleschen Typ auflösen.

Answer 1

Sie können Polymer Hinweise geben, welche Art von Eingabe ein Attribut ist. Siehe das folgende Beispiel, in dem ich das Polymer-Skript und speziell die this.happyFlag = false in der erstellten Methode hinzugefügt habe. Diese Zeile gibt Polymer einen Hinweis, dass dieser Wert als boolescher Wert behandelt werden sollte. Siehe Polymer's Documentation über Hinting-Typen.

<polymer-element name="x-smiley" attributes="name, happyFlag"> 
<template> 
    {{name}} is {{happyFlag}} 
    <span hidden?="{{happyFlag}}">:-)</span> 
    <span hidden?="{{happyFlag}}">:-(</span> 
    <hr> 
</template> 
<script> 
    Polymer('x-smiley', { 
    created: function() { 
     this.happyFlag = false; 
    }, 
    ready: function() { 
    } 
    }) 
</script>