問題タブ [dart-webui]

からラジオ ボタン入力のリストを生成し、タグをListにリンクするには、それぞれに独自の ID が必要です。<label for="xx"><input>

しかし、Dart は id 属性にバインドできないようです:

上記はエラーになります：

エラー: 行 40 位置 22: クラス名 'DivElement' の不正な使用 autogenerated_html.DivElement __{{s}};

だから私の質問は: Dart は id 属性にバインドできますか?

別の質問: web_ui を使用して、ラベル付きのラジオ ボタン入力のリストを生成する別の方法はありますか?

DIV 要素を拡張するダーツ Web コンポーネントを作成しました。DART では、次の方法で DIV 要素を DOM に追加できます。

Dart HTML API

Web コンポーネントで同じことを行うことはできますか? 正しい構文は何ですか?

テンプレートの問題のある部分は次のとおりです。

ConvertedfilesはAndroidFileのリストです。

テンプレートが表示されます。ファイル名が表示され、ソースが表示されますが、imagetagは次のようになります。

ハッシュには下線が引かれ（Chromiumソースビューで）、クリックすると「ファイルが見つかりません：/ web /out/」と表示されます。

ChromeでJSに変換されると、「リソースは画像として解釈されますが、MIMEタイプtext/htmlで転送されます」と表示されます。

サンプルソースはGitHub
にあり ますヒントはありますか？

次のエラーが発生します。

これが私のビューコードです：

そして、これが私のメインスクリプトです。

次の行の自動生成されたコードで失敗しています：

オプションでサムネイルを含めることができるアイテムのリストに関する情報を表示しています。サムネイルがない場合は、画像をアップロードできるリンクが表示されます。

私の質問は、必要なときにキャンバスに描画する最良の方法は何ですか? （下記参照）。コードの呼び出しをトリガーし、各キャンバスを識別して適切な画像を取得する必要があります。

コードで要素を作成することですべてが完了することはわかっていますが、可能であれば webui テンプレート メカニズムを使用したいと考えています。

私はラジオボタンとして表示する必要がある配列を持っているので、iterate私はそうします：

以下のコードから予想される出力は、'Selected is 0' または 'Selected is 1' などですが、出力は常に 'Selected is {{val}}' です。

問題は、Dart のラジオ ボタンに値属性をどのようにバインドするかということです。

HTML:

そしてダーツ：

私はダーツを始めたばかりで、自分の Web ページを作成し始めています。ダーツのツリー構造の良い例はありますか (smartgwt treenode に似ています)?

すでに良い例があれば、ゼロから構築する必要はありません。

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

クレイグ

最新の編集:

これは web-ui の未解決の問題です: https://github.com/dart-lang/web-ui/issues/245

以前：

Web コンポーネントremoved()のライフサイクル メソッドから呼び出される方法を見つけようとしています。以下の例で生成されたコードを見ると、 への呼び出しがあり、その後に が呼び出されることを期待していましたが、print ステートメントの出力が表示されません。autogenerated.dispatch();replaceElement()removed()

build.dartおそらく関連しています：ライフサイクルメソッドの出力が何をしているのかを理解しようとして、仕様をざっと見ました。もしかして仕様が古い？から自動生成されたコードで呼び出されますが、仕様のインスタンス化セクション(この web-ui issue コメントcomposeChildren()に記載されています) にリストされていません。composeChildren()build.dart

この質問の背後にある理由は、HTML で Web コンポーネントを宣言する代わりに、(仕様のインスタンス化手順を介して) プログラムで単一の親 html ファイル内の Web コンポーネントをロードおよびアンロードできる Dart Web アプリケーションに関心があるためです。私は web_ui-0.2.11 で実行しています。ありがとう！

ウェブコンポーネント:

親 html ファイル:

次のように、HTMLの反復ループのインデックスを値として使用したいと思います。

しかし、この直感的な構文は機能していないようです。Dart Web-uiでこれを行う方法はありますか？

クラスをデータ レコードとして扱うときの Dart のベスト プラクティスは何ですか?

詳細に説明する: アプリを作成する場合、テーブル行のクラスが作成される可能性があります。のように

これにより、コンパイル時に Dart のタイプミスなどをキャッチできます。(NoSuchMethod に依存するクラスを使用する場合とは異なります。)

また、次のような HTML にバインドするための対応する文字列構造も必要になります。

したがって、ダーツは次のようになります。

次に、一方から他方に移動する方法が必要なので、Item にメソッドを追加します。

そしてその逆：

また、データベースから jason データを取得するため、Item に別のメソッドを追加する必要があります。

そして、デフォルト値に戻せるようにする必要があります:

この冗長さは、私が再び COBOL を書いているような気分にさせてくれます!

私の理解、または Dart/WebUI ライブラリのいずれかで、ここには根本的なものが欠けています。

私が書きたいのは次のようなものです

次に、さらにコーディングすることなく、次のようなコードを記述できるようにします

そしてHTMLに書くことができるように：

これが可能であれば、現在書いているコードよりも速く、単純で、明確で、エラーが発生しにくいものになるでしょう。