問題タブ [dart-polymer]

PolymerElement を拡張するすべてのクラスを、custom_elements というライブラリに含めたいと考えています。これは私ができる。

作成後、以下に示すように、このライブラリのクラスを .html ファイルの dart スクリプト ディレクティブの src 属性にインポート/参照する方法に関するメカニズムがわかりません。

スクリプト src="my_element.dart" は、custom_elements ライブラリにあるファイル my_element.dart を参照する必要がありますが、.html ファイルにこのライブラリを表示させる方法がわかりません。

どうもありがとうございました。

String 属性だけでなく、オブジェクト参照もイベント ハンドラーに渡すことはできますか?

https://github.com/sethladd/dart-polymer-dart-examplesからのサンプル gwt_contacts :

contact_view.html:

contact_view.dart のハンドラ

ID の代わりに連絡先参照を渡すにはどうすればよいですか?

同様の質問: Dart ポリマー Web コンポーネントからクリック イベント ハンドラー関数に任意のデータを渡すにはどうすればよいですか

かわった：

Christophe Herreman のヒントを得て、新しい要素を追加しました。

html:

ダーツ:

リストを次のように変更しました。

ハンドラを ContactsView に追加しました:

ただし、カスタム イベントをディスパッチするとエラーがスローされます。

contact を detail として渡さないと contactSelectedHandler が呼び出されるため、接続は問題ないようですが、detail はもちろん null です。

'Hello\nWorld'私のモデルのように、改行のある文字列へのバインディングがあります。を使用してテンプレートに値を表示したいと思います{{x}}。しかし、改行が正しく表示されません。<br>ポリマーは改行の出力をサポートしていますか?

ネストされたポリマー要素を作成しようとしています。エディターにエラーや警告は表示されません。

componentone.html

componenttwo.html

testcomponents.html

testcomponents.html を実行すると、ブラウザーには何も表示されませんが、エディター コンソールにはエラーが表示されます。

私は dart-polymer アプリを試していて、いくつかの問題に遭遇しました。

コードを介してカスタム要素のテンプレート宣言を挿入する方法はありますか? ドキュメントは現在、次の方法を指定しています。

Route パッケージ (具体的には「package:route/client.dart」) を使用しようとしていますが、この方法で html モジュールをインポートするとルーターが壊れるようです。

指定された URL に移動すると、ハンドラーの実行に失敗します。HTML インポートを削除すると、Router は正常に動作します。これを回避する方法はありますか？

shadowRoot コンテンツ要素を照会する方法。カスタムフォーム要素を作成します。このフォームには、shadowRoot、FormInput、およびカスタム要素の外側に子が用意されています。shadowRoot からすべての子を取得する必要があります。shadowRoot.query または shadowRoot.queryAll を使用すると、コンポーネントの外部から同じ効果があり、子を表示できず、shadowRoot によって難読化されます。shadowRoot.query("content").getDistributedNodes(); を使用しようとしています。しかし、ノード リスト内のこのテキスト要素は一体何なのですか。私の子供は 1 つだけです。

呼び出し時のエラーは有効です:

console.debug に項目を出力すると、次のようになります。

より良い方法はありますか？このコードは醜いです (2 つの forEach (n^2))

もう待ちたくないので、すぐにダーツで書いたポリマー要素を使いたいです。

問題は、JavaScript で実行されている既存のアプリで使用したいということです。

ポリマー要素を JavaScript にコンパイルし、すべてを現在のアプリに含めて、<awesome-element>タグを使用することはできますか?

{{my_var}} フォーマットを使用した一方向のデータ バインディングの例は見られますが、変更を HTML 側から Dart オブジェクトにバインドする方法は見当たりません。たとえば、入力ボックスのテキストの変更。