ポリマーjsのl2t-paper-colorカスタム要素を検証する方法

Question

私はl2t-paper-color要素を使用しており、その検証関数を呼び出すことはできません。

<l2t-paper-color id="Color" required auto-validate></l2t-paper-color> 

これは機能しません。 この作業を行う方法、または検証する方法。

Answer 1

成分l2t-paper-colorのdocumentationによれば、特性はauto-validateおよびrequiredではない。検証する場合は、 value-changedイベントに電話し、そこで検証を行うことをおすすめします。

HTML：

<l2t-paper-color value="{{color}}" on-value-changed="_onValueChanged"></l2t-paper-color>

JS：

_onValueChanged(e){ 
    console.log(e.detail.value); 
    //Validation code... 
} 

例：私はあなたが鉄のフォームを使用推測https://codepen.io/Sahero/pen/vJXZOO?editors=0000

Answer 2

？その場合、コンポーネントはiron-form-element-behaviorを実装する必要があります。独自のコンポーネントでない場合は、ビヘイビアを実装するラッパーを作成する必要があります。