2016-10-24 5 views
3

Angularの再来について多くの話を聞いたことがありますが、素晴らしいものがたくさんあるようですが、Angular 1.0にはWebコンポーネントのボックス統合はありません。Angular2はWebコンポーネントを使用していますか?

私はAngular2についていくつか読んできましたが、もうディレクティブを使用していません。だからAngular2がPolymer/HTML Templatesやその他のWebコンポーネントを余分な統合なしで利用することを意味するのかどうか疑問に思っていましたか?

+2

いいえ。角型コンポーネントはWCからいくつかの概念を借りていますが、それだけです。 PolymerとA2を連携させるためにはまだいくつかの努力が必要です。 https://github.com/vaadin/angular2-polymerを参照してください。ポリマー2で物性が変わることがあります。 – estus

答えて

9

更新

それを変更するための継続的な努力(現在は実験的)がある - https://moduscreate.com/blog/angular-elements-ngcomponents-everywhere/

WebコンポーネントはAngular2用途に使用することができる角要素が、Angular2はWebコンポーネントとしてコンポーネントを使用することはできません。

AFAIK Angular2コンポーネントを実際のWebコンポーネントにする短期的な計画はありません。これは初めの目標でしたが、複雑すぎることが判明しました。

コンポーネントごとの設定ViewEncapsulation.Nativeでは、シャドウDOMが使用されていますが、ブラウザにはシャドウDOMをスタイルする機能がないため、Angular2ではうまく機能しません。 PolymerはエミュレートされたCSS変数とミックスインを使用しますが、Angular2はまだそのようなものを提供していません。

現在、デフォルト設定はViewEncapsulation.Emulatedで、スタイルスコープの一部がエミュレートされています。

関連する問題