特定のコンポーネント/パスにビデオの背景を追加する

Question

私は、アプリケーション「ホームページ」にのみ表示されたいフルスクリーンのビデオ背景を設定しようとしています。アプリケーションでレンダリングされる最初のコンポーネントはHomeComponentです。

アプリルーティング-module.ts（パスだけが示されている）

const routes: Routes = [ 
{ path: '', redirectTo: '/accueil', pathMatch: 'full'}, 
{ path: 'accueil', component: HomeComponent }, 
{ path: 'ligne/:lineId', component: LineComponent }, 
{ path: 'ligne/:lineId/station/:stationName', component: StationComponent } 
]; 

私は何をしたいのですが、私は/ Accueilの上ではなく、他の上だ場合にのみ、ビデオのバックグラウンドを持っていることですパス/コンポーネント。それを行う方法はありますか？

ありがとうございます。

if(this.router.url===routeIWant){ 
    this.custom-bg=true 
}else{ 
    this.custom-bg=false 
} 

とHTMLのdiv以下の：

Answer 1

あなたがビデオ

に背景を設定したいと、このような何かをdiv要素が含まれているコンポーネントにルータを追加することができますあなたがしたい1は、BGに

<div [ngClass]="{'customBgClass': custom-bg}"> 

とCSS

上に設定されています18