web-dev-qa-db-ja.com

PolymerおよびWebComponentsReadyイベント

Polymer docs によると、WebComponentsReadyイベントが必要な理由は...

ポリフィルは要素定義を解析し、それらのアップグレードを非同期的に処理します。アップグレードする前にDOMから要素を時期尚早にフェッチすると、HTMLUnknownElementを使用することになります。このような状況では、要素と対話する前にWebComponentsReadyイベントを待ちます

単一のWebコンポーネントをインポートし、すべてのWebコンポーネントがロードされたときにステートメントをログに記録するハンドラーを登録するHTMLページがあります。

<!DOCTYPE html>
<html>
    <head>
        <script src="bower_components/platform/platform.js"></script>
        <link rel="import" href="elements/my-element.html">
    </head>
    <body unresolved>
        <my-element></my-element>
        <script>
            window.addEventListener('WebComponentsReady', function(e) {
                console.log('components ready');
            });
        </script>
    </body>
</html>

my-elementのWebComponentsReady polymer event？の前にreadyイベントが発生するのはなぜですか？ ）カスタム要素をいつ操作できるかを知る必要があります。たとえば、プロパティを変更したり、パブリックメソッドを呼び出したりします。

javascripthtmlpolymerweb-component
17
bitpshr

Polymer 1.0では、WebComponentsReadyをリッスンできます。

Polymer 0.5では、非同期でより多くのことを実行するため、要素が読み込まれたときに発生するpolymer-readyという追加のイベントがあります。これが aです。順序を示すjsbin 。

23
user3267211