問題タブ [polymer]

私は最近Polymerを試していて、次のサンプルを書きました。問題は、カスタム要素をテンプレート内に配置しようとすると、バインドが意図したとおりに機能しないことです。

カラーパレット内のスライダーを動かして名前の色を変更したいのですが、変更しても色に影響はありません。スライダーをテンプレート内に直接配置すると、意図したとおりに機能します。

何か不足していますか、それとも Polymer はまだこの種のバインディングをサポートしていませんか? 私は、Chrome 27.0.1453.93 で Polymer commit d14278cfceb87f68b2d0241ec704c6a646f246bf を使用しています。

index.html

color-pallet.html

私は Polymer.js で最初の一歩を踏み出しましたが、疑似要素の作成に苦労しています。

これは私が試したものです：

私のホストドキュメントでは：

私のカスタム要素で：

それはjust my text青色で表示されます。thisによると、にラップされたルール@hostは、親ページのどのセレクターよりも特異性が高いため、それは正しいです。

私の質問:

color: blueテンプレートのブロック内から削除する@hostと、テキストは黒で表示され、予想どおり緑では表示されません。何故ですか？？？

DOM から Polymer カスタム要素の属性にアクセスする方法、または Polymer.register から DOM にデータを送信する方法を探しています。

以下のこの非常に単純な要素は、2 つの値を取り、それらを乗算して、結果をそのresult属性に配置します。

外部からこの結果にアクセスするにはどうすればよいですか?

以下を使用してカスタム要素を作成しようとしています:

Dart エディターに「未定義の名前 CustomTag」というエラーが表示される

以下のURLにある例を試しています。以下の URL に記載されているように、すべてのファイルがコピーされます。

https://github.com/sethladd/dart-polymer-dart-examples/blob/master/web/custom_element_that_contains_other_tags/my_element.dart

pubspec で何か不足していますか? pubspec は上記の URL に記載されていません。

Google ブログで、Google Polymer には Polymer.dart という dart バージョンがあることを知りました。これは、コンポーネントの 1 つのセットにすぎないと思っていたので、少し混乱しました。

Polymer.dart に記述された 2 つのカスタム コンポーネントがあり、1 つはもう 1 つの親です。親の子コンポーネントへの参照を取得したいのですが、型注釈を使用すると例外が発生します。一方、var変数を宣言するためにキーワードを使用すると、正常に機能します。

型を使用したときに表示されるエラー メッセージとスタック トレース:

キャッチされないエラー: タイプ 'ChildComponent' は、タイプ 'ChildComponent' の 'childComponent' のサブタイプではありません。

スタックトレース：

#0 ParentComponent.inserted (パッケージ:types_test_lib/parent_component.dart?1375856554489:9:67)

#1 _registerLifecycleInsert. (パッケージ:custom_element/custom_element.dart:643:21)

#2 _ZoneBase._runInZone (dart:async/zone.dart:82:17)

#3 _ZoneBase._runGuarded (dart:async/zone.dart:99:22)

#4 _ZoneBase.executeCallbackGuarded (dart:async/zone.dart:62:21)

#5 _RunAsyncZone.runAsync.. (dart:async/zone.dart:205:61)

#6 performMicrotaskCheckpoint (パッケージ:observe/src/microtask.dart:36:17)

#7 wrapMicrotask.. (パッケージ:observe/src/microtask.dart:58:35)

#8 runZonedExperimental (dart:async/zone.dart:259:53)

#9 runZonedExperimental。(dart:async/zone.dart:256:34)

#10 _ZoneBase._runInZone (dart:async/zone.dart:82:17)

#11 _ZoneBase._runUnguarded (dart:async/zone.dart:102:22)

#12 runZonedExperimental (dart:async/zone.dart:255:30)

#13 wrapMicrotask. (パッケージ:observe/src/microtask.dart:54:25)

#14 initPolymer (パッケージ:polymer/polymer.dart:72:5)

#15 メイン (.../D:/workspace/dart/types_test/web/types_test.html:7:22)

例外: タイプ 'ChildComponent' は、タイプ 'ChildComponent' の 'childComponent' のサブタイプではありません。

index.html:

親コンポーネント.html:

親コンポーネント.dart:

child_component.html:

child_component.dart:

私は何か間違ったことをしていますか？何が問題になる可能性がありますか?

返信ありがとうございます。

ガボール

Polymer Getting Startedページでは、Polymer の動作例を確認できます。

<x-foo></x-foo>とによって定義されているplatform.jsことに気付くでしょうx-foo.html。

これは、AngularJS のディレクティブ モジュールと同等のようです。

• 2つの違いは何ですか？

• Polymer が解決する問題で、AngularJS が解決しない、または解決しない問題は何ですか?

• 将来、Polymer を AngularJS と結びつける計画はありますか?

dart web uiと の間に比較リストはありdart polymerますか? 異なる構文、異なる可能性?