は、コンポーネントがページにあるときに接続されますが、レンダリングされないため、処理ができません。

Question

私はいくつかのテンプレートリピーターを活用するWebコンポーネントを持っています。私は、アイテムがページに添付されていてもレンダリングされないことに気付きました。レンダリングされないので、テンプレートリピータは処理されません。

コンポーネントが実際に描画されたときに呼び出されるレンダリングやペイント関数はありますか？

テンプレートdom-repeaterのコンテンツに関連したいくつかのコンポーネントクエリを実行していました。それは、情報をスタンプアウトしないので、クラスを見つけることはありません。

「レンダリング」についてはどうすればよいですか？この項目は、実際にあるように、ページのロードが、に添加した場合に解雇され

<dom-module id="my-test"> 
    <template> 
    <template is="dom-repeater" items="{{knownList}}"> 
     <div class="selected">{{item.name}}</div> 
    </template> 
    </template> 
</dom-module> 

及び添付：私のHTMLはのような単純なものである

@property List<Map> knownList = [{"name":"Bob"},{"name":"Jake"},{"name":"Larry"}]; 

attached(){ 
    toBinaryString(); 
} 

String toBinaryString(){ 
    String binaryString = ""; 
    document.getElementsByClassName("selected").forEach((HtmlElement ele){ 
    print("Fired"); 
    binaryString += "1"; 
    }); 
    print("Result diagnostics/ Length: ${binaryString.length} isValid: ${binaryString.length==(CONST_PER_DAY * 7)}"); 
    return binaryString; 
} 

：

は今、私のような何かをしていましたそのページはレンダリングされていないので、どのような種類のDOM関連処理もできません。

私が間違っていることはありますか？

Answer 1

https://github.com/dart-lang/polymer-dart/wiki/registration-and-lifecycle#ready-callback-and-local-dom-initialization

要素のローカルDOMの準備ができたときに準備ができてコールバックが呼び出されます。

エレメントのテンプレートがスタンプされ、エレメントのローカルDOM内のすべてのエレメントが設定され（親からの値のバインド、デシリアライズされた属性、またはデフォルト値）、それらの準備メソッドが呼び出された後に呼び出されます。