Associare all'attributo `hidden` di un elemento dell'elenco principale (Polimero 0.5)

Question

Scavando nel codice sorgente dell'elenco principale, sembra che controlli l'attributo hidden di un elemento utilizzando Javascript. Tuttavia, l'impostazione di <div hidden="false"> comporta la rimozione di div. Posso in qualche modo associare un'espressione a questo attributo Javascript o devo inviare un PR alla lista principale per aggiungere esplicitamente il supporto?

Answer 1

È possibile nascondere/mostrare elementi polimerici con il nascosto? attributo.

<span hidden?="{{showSpan}}">This may or may not be hidden.</span> 

se l'espressione booleana 'showSpan' è truthy, viene visualizzato l'elemento di campata, altrimenti viene omesso.

È possibile alternare lo stato di showSpan come questo:

<div on-click="{{showinput}}"> 
    <span hidden?="{{showSpan}}">This may or may not be hidden</span>  
</div> 



Polymer({ 

     showSpan: false, 

     showinput: function() { 
     this.showSpan = !this.showSpan; 
     } 
    }); 

Answer 2

Se si desidera che il proprio elemento non venga nascosto, è necessario rimuovere l'attributo nascosto. hidden = "false" non significa molto in html.