問題タブ [polymer]

繰り返しテンプレートがあるとします。

[x] を何に置き換えると一意になりますか? ループ カウンターにアクセスすればうまくいきますが、私は提案を受け付けています。

ポリマー js ドキュメントには、ポリマー要素がいつ設定されたかを知るために WebComponentsReady イベントをリッスンする必要があると書かれています。Dartで同等のものは何ですか?

これが私のテンプレートです：

そして、ここにメインがあります：

OrderList は HttpRequest.getString() のラッパーであり、future を返します。私が考えたのは、WebComponenentsReady のようなイベントを使用して、テンプレートが完全にインスタンス化されたことを知ることでした。基本的な質問は、メインの .accordion-heading div にアクセスして、リスナーをアタッチできるようにするにはどうすればよいかということです。

カスタム要素を使用していない場合、モデルをテーブルにバインドできません。カスタム要素は正常に動作しますが、カスタム コンポーネントを作成せずにモデルを手動でバインドしようとすると、データが表示されません。何か案は？

custom_table.html

custom_table.dart

カスタム要素のバージョンがありません:

Polymer_test.html

Polymer_test.dart

Dart の Web UI では、イベントに応答して関数に任意のデータを渡すことができました。たとえば、次のスニペットは、ボタンのオンクリック イベントに応答し2てメソッドに値を渡します。increment(int incBy)

Polymer (および Polymer.dart) では、on-click イベント属性には、実際の関数呼び出しではなく、文字列バージョンの関数名が必要です。これは、ポリマーのドキュメント ページで次のように説明されています。

イベント ハンドラー属性の値は、コンポーネントのメソッドの文字列名です。従来の構文とは異なり、実行可能コードを属性に入れることはできません。

Polymer.dart を使用すると、次のようになります。

質問: 関数に任意の値を渡すにはどうすればよいincrementですか?

Polymer.dart を使用して、消費ページで参照されているスタイルがテンプレートで引き続き使用できるようにするにはどうすればよいですか?

したがって、消費ページまたはメインページがあります。

およびテンプレート、したがって:

また、ページがレンダリングされるとき<div>に、a-pony要素内の が適切にスタイル設定されていません。

私はデモを見てこれを読みましたが、これらはテンプレート内で宣言されたスタイルに固有のものであり、スタイルが外部にある場合はカバーしていません。

String のクラス フィールドがあり、テキスト入力を使用してそのフィールドを変更したいと考えています。@observable を Polymer.dart で使用してこれを行うにはどうすればよいですか?

UI と同期させたいクラス フィールドは次のとおりです。

Dart のポリマー要素にデータを入力するために「init」メソッドを呼び出す手順はありますか? ポリマー テンプレートがあり (それが正しいかどうかはまだわかりません)、それに HttpRequest の結果を入力したいと考えています。静的リストを入力できますが、http 呼び出しで作成された動的リストを入力する方法がわかりません。

どこかに例はありますか？

私はまだ Dart と Polymer について理解を深めようとしています... 私のハックはhttps://gist.github.com/fils/6270699にあります

私は現在、現在の Dart Web UI プロジェクトを Polymer.dart に変換する作業を行っています。フロントエンドのスタイリングと多くの Web アニメーション (ドロップダウン メニュー、モーダル、ツールチップなど) には Bootstrap 3 を使用します。

しかし、1 つの Web UI コンポーネントを Polymer に変換した後、サブ コンポーネントが ShadowDOM にカプセル化されたため、すべての Bootstrap JavaScript がサブ コンポーネントに対して機能しなくなりました。Dart から ShadowDOM の要素にアクセスするには、shadowRoot フィールドを使用する必要があり、Chrome の JavaScript からは webkitShadowRoot プロパティを使用する必要がありますが、それでも単一のドロップダウン メニューを正しく動作させることはできません。

まず、ブートストラップで dropdown('toggle') API を呼び出した後、ドロップダウン メニューが表示されますが、消えることはありません。また、イベントはウィンドウ レベルで発生するため、クリック イベントによってトリガーされたリンクを検出することは不可能のようです。これは、表示するドロップダウン メニューが見つからないことを意味します。

twitter-bootstrap と Polymer を一緒に使った経験のある人はいますか?

dart/polymer/socketsで作ったアプリをJavascriptでコンパイルしたいです。しかし、私はどうすればよいかわかりません。「Javascript の生成」を実行しようとしましたが、「メイン エントリ ポイントがありません」と表示されました。

各ダーツファイルを手動でコンパイルする必要がありますか?

build.dart は役に立ちますか?

編集コメントから index.html を追加しました: