ポリマー要素を隠す

Question

私はいくつかの要素条件でいくつかのポリマー要素を隠そうとします。私はいくつかの可能性があることを認識しています。私のopinonでこれを行う最も簡単な方法は、

.invisible { 
    display: none; 
} 

新しいCSSクラスを導入し、ポリマー要素

this.$.icon.classList.add('invisible'); 
this.$.text.classList.add('invisible'); 
this.$.button.classList.add('invisible'); 

のクラスリストに追加することです。しかし、これは要素に影響を与えません。要素は引き続き表示されます。 elentのインスペクタを見ると、クラスが追加されたことが示されます。

ここで、parent-elemは親要素の名前です。

誰も私の要素がなぜ隠されないのか説明できますか？

はあなたに

よろしく、あなたはイースリー親propertyであなたの要素に操作することができ Meisenmann

Answer 1

ありがとうございます。 propertiesがあなたのmethodこのpropertyを操作し、htmlコンポーネントに

<element hidden="[[!elementsVisible]]" ></element> 

PSを設定するには、その後property

properties: { 
... 
elementsVisible: { 
    type: Boolean, 
    value: true 
} 
... 
} 

を追加するには、要素に試してみてください。これは文句を言わないparent css

[hidden] { 
    display: none; 
} 

は時々ポリマー要素が自分のCSSをカスタマイズするために、特別なミックスインを必要として追加することができます動作しますが、隠されている場合、通常は動作します:)