問題タブ [shadow-dom]

AngularDart コンポーネントのスタイルを設定する最良の方法は何だろうと思っていました。@import基本スタイルを別の CSS ファイルに分割し、コンポーネントに何らかの方法で (Angular dart がサポートしている場合)含めることができるようにしたいと考えています。

StandardNgComponentでは、次の例のように CSS ファイルを 1 回だけ追加できます。

CSS が何らかの形で複数のファイルに分割されている場合、それらすべてをコンポーネントに含めるにはどうすればよいですか?

現時点では、AngularDart コンポーネントはコンポーネントを再利用可能にするのに役立ちますが、最も保守しやすいわけではないことに気付き始めています。CSS には多くのコピー ペーストがあります。スタイルを分割することができれば、コンポーネントはより保守しやすくなります (つまり、基本スタイルを複数のコンポーネントに含めることができます。各コンポーネントのすべての css ファイルにスタイルをコピーして貼り付ける必要はありません)。

AngularDart 環境内でコンポーネントと css を構成する最良の方法は何ですか?

AJAX 呼び出しから受け取った情報に基づいて、コンポーネント ツリーを動的に構築したいと考えています。

他のコンポーネント内からDOMにコンポーネントをプログラムで追加する方法は? いくつ<outer-comp>かのロジックに基づいて、<inner-comp>. 次のコードは、要素<inner-comp></inner-comp>を DOM に挿入するだけで、実際の<inner-comp>表現ではありません。

更新: 次の方法で内部コンポーネントを正しくレンダリングすることができましたが、これが適切な方法であるかどうかはまだわかりません:

}

d3.jsデータの視覚化に利用するツールを構築しています。このツールは、webcomponentss と shadowDOM に依存しています。d3.jsだけでは、shadowDOM 内のノードを選択できませんd3.select。d3内部で作業する方法はありshadowdomますか、それとも明らかな何かが欠けていますか?

詳細に：

次のようなものがあれば、何も返さない/選択しません

明確にするために:shadowDOMはフレームワークによって生成されます。イニシャルshadowRoot（注入）を取得する方法を見つけました。ただし、返されるハンドルがなくても、それd3について伝えることができるかどうかはまだ疑問です。shadowDOMcreateShadowRoot()

Dart Polymer で分散ノードのスタイルを設定しようとしていますが、うまくいきません。私は次の例を使用しています：

http://www.polymer-project.org/articles/styling-elements.html#style-distributed

出発点として。ただし、Dart に移植すると、それを機能させることさえできません。これが私のコードです：

.

出力にはスタイリングが適用されず、すべてが黒のテキストになります。私が間違っていることはありますか？

シャドウ DOM でテキストのスタイルを設定しようとしていますが、うまくいきません。唯一のことは、Shadow DOM の外から実行したいということです。もう 1 つの重要な点として、Shadow dom のスタイル設定は、'bar' 要素内の Shadow DOM にのみ適用する必要があります。ここに私のテストコードがあります:

おまけの質問ですが、正確には何ですか

行う ？

ライト DOM に表示され<div>ずに、ポリマー カスタム要素がコンテナー内のコンテンツをレンダリングするのに苦労しています。<div>

としてレンダリングします

<div>Shadow DOMに含まれるものをどのようにレンダリングできるかについて、誰かが私に洞察を与えることができますか?