angle2アプリケーションで作業し、パブリックコンテンツと管理コンテンツに異なるスタイルをロードできるようにしたいと考えていました。しかし、完全なURLを使用して外部ソースからロードするスタイルのために必要なその他のコンフィギュレーションがあり、角度が外部ソース期待通りに動作しないコードの上Angular2 styleUrls外部スタイルをロードしていません
@Component({styleUrls:["http://url_to_external_styles"]})
からロードされたスタイルを無視しているようですか？コンポーネントとの相対的なスタイルの読み込みは100％ですが、コンテンツサーバーからの読み込みにはもっと関心があります。
あなたは、コンポーネントのビューのカプセル化を無効にする必要があります。フォームのものとなったエラーのために
@Component({
styleUrls:["http://url_to_external_styles"],
encapsulation: ViewEncapsulation.None
})
https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation
「モジュールが見つかりません：エラー：「解決できません./the- URLの - 外部スタイルシート」」は、ここでは私のために働いたものだ：
：ここはAngular documentationがstyleUrls、アレイ内のURLについて言いたいことがあるものです
The URL is relative to the application root, which is usually the location of the index.html web page that hosts the application.
スタイルシートを読み込むには、ローカルCSSスタイルシートを作成し、その上に@importステートメントを追加します。たとえば、 "http://url_to_external_styles"にスタイルシートを追加する場合は、src/app/my-component.component.cssファイルを作成できます。その後、SRC /アプリ/私の-component.component.cssの最初の行として、次を追加することができます。
@import "http://url_to_external_styles";
あなたは上に引用角ドキュメント内のリンクを以下により@importについての詳細を調べることができます。
私はビューのカプセル化をシャドーDOMの使用を制御する手段として理解し、スタイルを親コンポーネントから子コンポーネントに流すことを可能にしました。それにもかかわらず、相対パスアセット/ path_to_cssを使用してスタイルをロードしました。彼らは予想通りロードされますが、node_modules/...からロードされたawesomeというフォントは例外ですが、素晴らしいフォントはロードされますが、アイコンはレンダリングされません。目標：パブリックモジュールと管理モジュールの両方に異なるスタイルのindex.htmlを使用しようとしていますが、頭に直接書き込むJavaScriptハックは発生しません。 – iswak
@iswakは、これが依然として上記の問題の一部ですか？あなたは例を投稿できますか？ – smiggle
私は別のスレッドで質問してきましたhttp://stackoverflow.com/questions/40126234/angular2-best-way-to-handle-public-and-admin-application-one-app-or-multiple-ap複数の機能を実行するアプリ。 CMSとAdminシステムの両方のアプリです。 2つの別々の角度用途を持つことが最善であると考え始めています。メンテナンスを減らし、スタイル管理の複雑さを解消します。and ...そして、あなたの助けてくれてありがとう。新しい質問にあなたの考えを分かち合うことを願っています。 – iswak