問題タブ [dart-polymer]
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.
dart - Dart Polymer で内部モデル属性を観察する
モデルからのデータを表示する必要があるカスタム Polymer 要素 (Property
受け渡しが必要なオブジェクト) を設定しています。
プロパティの値を正常に表示できますが、Property
オブジェクト内の値を更新すると、要素内の値が更新されません。
私は何が欠けていますか?私は次の例に基づいています。
https://github.com/sethladd/dart-polymer-dart-examples/tree/master/web/getter_setter_as_attribute
wb-control-text.html
wb-control-text.dart
wb-property.dart
dart - Dart で dart2js を使用してポリマーバインディングを介して @observable 以外のフィールドにアクセスするにはどうすればよいですか?
Seth Ladd の Polymer.dart の例は素晴らしく、非常に役に立ちます。observable_listの例ではDateTime
、インスタンスをObservableList timestamps
. 拡張はDateTime
しませんが、 my_element.htmlObservable
を変更して上のフィールドにアクセスします
{{ts in timestamps}}
Dart VM での実行時に動作します。たとえば、
<li>{{ts}}</li>
に
<li>{{ts.second}}</li>
DateTime.seconds
Dart VM 上でフィールドにアクセスします。ただし、dart2js がアプリを JavaScript にコンパイルすると、Polymer 式のフィールドへのアクセスが壊れます。Uncaught Error: RangeError: value 0
この場合、例外がスローされます。より一般的NoSuchMethodError : method not found: 'Symbol(...)'
には、フィールド名がスローされます (こちらの例を参照) 。
クラスが拡張されている場合、フィールドへのObservable
アクセスは@observable
、Javascript にコンパイルした後、Polymer 式内で機能します (MyRow
この例でクラスを に変更しても、javascript では例外がスローされextends Observable
ません)。
のような外部クラスに注釈を追加できない場合はどうすればよいDateTime
ですか? これはただの dart2js 生成の現在のバグですか? それとも、Polymer.dart の仕様により、観測不可能なクラスからフィールドを読み取ることが禁止されますか? 以前は、dart-protobuf でweb_ui
生成されたクラスのフィールドに、javascript にコンパイルした後に正常にアクセスできたので、このユース ケースが Polymer.dart でもサポートされることを期待しています。
dart - Dart Polymer の非同期プロパティの変更が機能しない
Dart Polymer要素の非同期更新に問題があります。
ラベルとテキスト入力を含む単純な要素があるとします。
テンプレート
ダーツファイル
この要素を更新し、アプリケーションの初期化から非同期に更新したいTimer
.
正しい値がコンソールに出力されますが、要素自体は更新されません。テキスト ボックスの値を手動で変更すると、コンソールに新しい値が出力されます。
オブザーバーは正しく設定されていますが、非同期の変更を取得していません。私は何が欠けていますか?
dart - Dart Polymer で拡張するにはどうすればよいですか
Dart では、拡張するポリマー要素を作成しようとしています。
対応するhtml:
使用法:
Dartium ではすべてが正常に動作し、警告なしでコンパイルされますが、ビルドの出力を実行すると、次のようになります。
ここで何が間違っていますか?
dart - Dart PolymerでFileListをObservableにバインドする方法は?
Dart & Polymer と組み合わせてファイル アップロードを使用しようとしています。次のファイルを検討してください。
my-upload.html
私のアップロード.dart
uploadFiles の print-statement は常に null を出力します。fileList がオブザーバブルにバインドされていないようです。この問題を解決する方法はありますか? bind-files 以外のステートメントを使用する必要がありますか?
もちろん、回避策はありますが、要点がずれていると思います。
私のアップロード.dart
何か案は?
dart - ポリマーダーツでは、親から子コンポーネントに通信する方法は何ですか?
子供から親へのコミュニケーションには、イベントが最もエレガントな方法のようです。親から子へのコミュニケーションにはどのような選択肢がありますか?
より具体的には、子が表示されたときに呼び出されるメソッドが必要です。これらは私が思いついたアイデアです:
- xtag - エレガントで機能します
- 「hidden」の観察 - これを機能させることができませんでした。非表示は要素で観察可能としてマークされていません
- 子でトリガー変数を公開し、親でバインドして変更する - 醜い
他のオプションはありますか?
dart - Dart Polymerで観察可能なマップを使用して反復する方法は?
次のコードを検討してください。
myexample.html
myexample.dart
[追加] ボタンをクリックするたびにマップが塗りつぶされますが、マップ エントリは myexample.html に表示されません。だから:htmlファイルのリストが自動的に更新されるように、観察可能なマップを適切に使用する(そして反復する)方法は?