問題タブ [web-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
217 参照

dart - Dart WebComponent で許可されていない絶対パス

私の小さな Dart/Polymer サンプルは、これまでのところうまく機能しています。 (GitHub)

使用するyamlファイルは次のとおりです。

「pub build」が生成するもの: ( GHの下で再びライブ) ここに画像の説明を入力

私の理解では、hello-world と stopwatch の 2 つの Web コンポーネントがあります。

PolymerHelloWorld から完全に独立した 2 つ目のプロジェクトを作成しました。index.html は次のとおりです。 ここに画像の説明を入力

このエラーメッセージが表示されます

これが WebComponents の考え方ではないでしょうか。私は何かが恋しいですか?

[更新] DART-Sample-PolymerElementConsumerを GH-Repo
に追加しました。ポリマー全体が含まれています... このサンプルはDartサンプルではありません。ポリマーを使用してコンポーネントをインポートします。少なくとも - それはしようとします...

実行しようとする HTML は次のとおりです:
https://rawgithub.com/MikeMitterer/DART-Sample-PolymerElementConsumer/master/web/index.html

コードビュー:
https://raw.github.com/MikeMitterer/DART-Sample-PolymerElementConsumer/master/web/index.html

HTML ページにはエラー メッセージは表示されません。見出しだけで、webcomponent からは何もありません。

0 投票する
2 に答える
1244 参照

javascript - カスタム HTML 要素を宣言的に作成する方法は?

カスタム要素を宣言的に作成しようとしていますが、問題があります。非常に多くのドキュメント読み ましたが、非常に新しく変化しているテクノロジーのために、それらはすべて時代遅れまたは不十分に見えます。これを修正する方法を知っている人はいますか?現在のコンテキスト ( ) がなく、テンプレートを更新することもできません。私は正しい軌道に乗っていますか? thisregister

http://jsbin.com/oGUKeyU/3/

0 投票する
2 に答える
666 参照

dart - ネストされたポリマー テンプレートの継承

ポリマーの子テンプレートを親のテンプレートで囲む方法はありますか?

次のシャドウ タグの例では、親のテンプレートを子ビューに取り込みますが、その内容は無視されます。

親ポリマー要素

子ポリマー要素

0 投票する
2 に答える
690 参照

javascript - 「is」を使用してネイティブDOM要素を拡張する方法は?

カスタム要素仕様を使用して、「is」属性を使用してネイティブ DOM 要素を拡張しようとしていますが、何もしていないようです。Google Canary を使用しているため、カスタム要素を作成できますが、拡張には影響しません。

私のサンプルでは、​​キャプションをネイティブの img タグに追加しようとしています。

http://jsbin.com/OMaPIVoV/3/

createdCallback は起動しません。これを達成する方法についてのアイデアはありますか?

0 投票する
1 に答える
277 参照

javascript - Google Polymer プラットフォームの使用時に未定義の _polyfilled?

Google Polymer の platform.js を使用して非常に単純な例を作成しようとしていますが、次のエラーが発生します。Uncaught TypeError: Cannot read property '_polyfilled' of undefined

これが私がやろうとしていることです:

http://jsbin.com/uwUxeYA/1/edit

このコードは、platform.js を読み込まなくても Google Canary で完全に機能することに注意してください。他のブラウザー (最新の Chrome、Firefox など) でポリフィルを正しく使用していませんか?