角度アプリケーションスタイリング

Question

フロントエンドに角度とブートストラップを使用してアプリケーションを構築していますが、基本的にはログイン後にログインページとログインとダッシュボードがあります。

質問は、アプリケーション間でスタイルシートを処理する方法についてです。ランドページとダッシュボードには完全に異なるスタイルがあります。ランディングページはthis、ダッシュボードはthis imageのようになります。

私はアプリケーションの各部分を扱うためにさまざまなCSSファイルを作成しましたが、今はAngularアプリに参加しようとしていますが、のangle-cli.jsonにstyles配列のCSSファイルを追加すると、角度がインデックスに追加され、私はいくつかのクラスの競合とランディングのダッシュボードからのファイルを持ち、その逆もあります。

このような状況に対応するためには、何かお手伝いします。

Answer 1

通常、あなたのコンポーネントが

@Component({ 
    selector: 'app-component-uno', 
    templateUrl: './app-component-uno.html', 
    styleUrls:['./app-component-uno.css'] //<--this 
}.....) 

component.thereに矛盾しない属しCSSがあるようになります。あなたがカプセル化を使用する場合、矛盾を解消する唯一の方法は、ViewEncapsulation.None、