問題タブ [polymer]

Dart コードで Dart web-ui カスタム要素を作成する方法に関するガイドがあります。このテクニックのサンプルコードもあります

Dart コードから Dart Polymer カスタム要素を作成する方法の例はありますか? を使用してカスタム要素を作成できないという問題がありnew Element.html()ます。しかし、web-ui ではまったく使用する必要がありませんでしたnew Element.html()。web-ui には数行のコードを記述する必要がありましたが、少なくとも機能しました。Dart コードから Dart Polymer 要素を作成するための同様の手法はありますか?

Dartでデータバインディングを機能させようとしています。基本的にはこのビデオと同じことをしています。擬似コードを使用すると、次のようになります。

HTMLファイルには、正しく機能するテンプレートもあります。今のところ、一方向のデータバインディングを機能させようとしているだけで、テンプレートは正しく初期化されていますが、変数 p へのその後の変更はテンプレートに表示されません。このような更新をトリガーしようとしました

ただし、これは更新をトリガーしません。しかし、遅延を使用している場合は機能します:

だから私はこれについていくつか質問があります：

1. 変数の変更がテンプレートの変更を反映しないのはなぜですか?
2. テンプレートは、私がやっている方法を更新することになっていませんか? それとも、mdv/polymer が意図したとおりに機能していないのでしょうか?
3. テンプレートの更新を手動でトリガーすることは可能ですか?
4. 一方向から双方向のデータバインディングに簡単に変換することは可能でしょうか (つまり、疑似コードの Person クラスを監視可能にするか、何かによって)?

PS私はここに投稿する前にいくつかのことを検索して試しました. カスタム ポリマー要素を作成するトピックを見つけました。私はまた、派手な構文のライブラリ（これはそれを改善しませんでした）とデータバインダー（コンパイルエラー）を試しました。Polymerに関するいくつかのページも読みましたが、何が dart に関連しており、廃止されていないか (または、ページの上の警告が言及しているように「古い」) がわかりません。

ダートランのポリマーについて質問があります。

Dartlangでプログラムによってポリマーコンポーネントをインスタンス化し、もちろんDOMに追加する方法は?

動作する web_ui の例があります。

Polymer 要素の shadowDom へのアクセスに問題があります。要素の (切り捨てられた) コードは次のとおりです。

Dart コードは次のようになります。

charDivs.length<div>にハードコーディングした3 を数えて、常に 3 を返します<template>。<template repeat="{{chars}}">コード内で作成された divは、 を使用しても検出されませんshadowRoot。なぜこれが当てはまるのでしょうか？

また、 class を使用して要素にスタイルを適用すると、 内で作成されたものを含むすべてcharのにスタイルが適用されます。ただし、使用すると、ハードコードされた div のみが返されます。 <div>repeatshadowRoot

ASP.NET MVC サイトによって提供されているダーツ ポリマー プロジェクトがあります。アプリケーション ページは、実際にcshtmlは残りの dart ファイルとは異なるディレクトリにあるファイルです。これに加えて、すべてが慣用的な方法でレイアウトされています。Dartium で実行すると、すべてがうまく機能します。JavaScriptとして実行すると、メッセージが表示されますboot.js only works in Dartium. Run the build.dart tool to compile a depolyable JavaScript version。

このシナリオに対応するのは難しいようです。アプリケーションを ASP.NET MVC によって提供される cshtml ファイルとして保持しながら、アプリケーションを javascript として動作させる方法はありますか?

他のコンポーネントのコンテナとして機能する親コンポーネントがあります。コンテナがそのコンポーネント内の要素を照会できるようにしたい。たとえば、私の外部コンポーネントは次のとおりです。

そして、私の内部コンポーネントは次のとおりです。

ただし、 taskdart.dart の次のいずれも結果を生成しません。

これは、css が内部コンポーネントにスコープされているためですか、それとも初期化中にこの時点でクエリするものが何もないためですか? いずれにせよ、どうすれば修正できますか？

人の名前を列、日付を行とするテーブルを持つ家族カレンダー スタイルのアプリを作成しようとしています。これを行う方法はわかりませんが、これは私がこれまでに持っているものです：

calendartable.html

calendartable.dart

上記に関するいくつかの質問：

1. 上記のコードは機能しません。「Uncaught Error: EvalException: variable not found: people in 193757919」。これはこのバグによるものですか、それとも何か間違ったことをしていますか?
2. 動的な行と列の両方を持つテーブルを作成する別の方法はありますか? バグが私のコードに影響を与えている場合、おそらくいくつかの回避策がありますか?
3. 「テンプレート」を要素ではなく属性として使用することに関するドキュメントはありますか? （それを属性として使用する他のコードを見たところ、機能しているように見えますが、公式ドキュメントが見つかりません）

アップデート：

私が探している出力は、このようなものです。(基本的なレイアウトが正しくレンダリングされたら、セルに「X」のコンテンツを追加する予定です):

アップデート：

これは私がその作品で終わったものです（私を正しい方向に向けてくれたianmjonesに感謝します！）：

calendartable.html

それは私だけですか、それともポリマーの最後のリリースで口ひげがトリミングされましたか? 私はこのコード スニペット ( http://jsbin.com/eRimiJo/10/edit ) が先週完全に機能したことを誓います。

編集：明らかなタイプミスを削除するために編集

Web UI を使用する場合、次のようにデータをコンポーネントに渡すことができます。

データを Polymer 要素に渡すにはどうすればよいですか?