2016-10-26 17 views
0

私はangular2を使ってアプリケーションを開発しています。私は、角度CLIを使用してこのアプリを開発するためにeclipse Neonを使用しています。今、私はログインページを作成しようとしています。私はapp.component.htmlページに含まれている別のヘッダーとフッターの成分を持っている私のapp.component.html固定ヘッダーのフッター(Anger2)を使用したログインページの作成

<nex-header></nex-header> 
<router-outlet style="height:90%;width:100%"></router-outlet> 
<nex-footer style="position : absolute; bottom : 0; height : 28px; margin-top : 28px; background-color: #757575; width:100%; 
padding-left: 100px; color: #ffffff;"></nex-footer> 

に次のコードを持っています。私はまた、ログインの内容を含む別のコンポーネントがあります。私は、router-outletを使ってログインページの内容を注入します。

これで、ログインページの内容だけに背景画像を表示したいのです(ヘッダーとフッターではなく)、3つのコンポーネントすべてが画面全体を占めるようにします。私が試したコードは、ログインをラップするが、私はそれがヘッダーとフッターの間の画面スペース全体を占有したいようにしたい。私は新しいですAngular2誰かが私がここで間違っていることを伝えることができますか?

答えて

0

router-outletタグのスタイル属性にbackground-image: url("your image");を追加するだけで、そのコンポーネント固有の背景イメージにすることができます。

関連する問題