私はルートと異なるコンポーネントを使用するAngular 2プロジェクトを持っています。このコンポーネントの1つは、サイドバーやフッターを表示しないログインページです。このページには、すべてのボディをカバーする背景のみを置く必要があります。角度2のバックグラウンドボディは1ページのみ
私は:host {..}を使用しようとしましたが、動作しません。
このコンポーネントのボディー背景プロパティーにアクセスするにはどうすればよいですか？
このコンポーネントは、app.componentと同じレベルにあります。 app.component.htmlには、およびここにログインコンポーネントがレンダリングされています。
私を助けることができますか？
backgorundを適用する理由がわかりません。ログインページのサイドバーとフッタを非表示にしたい場合は、hidden属性またはngIfディレクティブを使用して、アクティブルートに基づいてサイドバーとフッタを非表示にするだけです。ここでは、参考までにngIf
本当にあなたのlogin.component.htmlに依存します：ホストは動作し、あなたはそれを表示しませんでした。あなたのlogin.component.htmlをdivコンテナにラップして、その背景色のクラスをクラスに追加することができます。これは私のために働く。ここで
<div class="my-container>
<!--your content --!>
</div>
はデモ
あなたの答えをありがとう私の友人が、私はこれが私のためにはうまくいかないと恐れています。このデモをご覧ください。私はこのような何かをする必要がありますhttp://lbd-pro-angular2.creative-tim.com/login.html –
@AliBriceño私はあなたの質問に誤解されるかもしれません。あなたが提供したリンクでは、彼らは何をしているのですか？
まあ...私はプロジェクトを無料でダウンロードできます。ルータのアウトレットは "ダッシュボード"という子要素にあります。 jqueryで作成した背景の変更ですが、これは良いアプローチではないと思います。 –
ためplunkrは、あなたがこのためにplunkrを提供することができますか？ – brijmcq