angular - ng2-translate を使用した多くのコンポーネントを含む翻訳

Question

こんにちは、翻訳に問題があります。ng2-translate とこのテーマを使用しています: SB Admin Bootstrap 4 Angular 4

言語選択ドロップダウン メニューを含むヘッダーがあります。言語を変更すると、ヘッダー コンポーネントのみが翻訳され、ページ全体は翻訳されません (すべてのプロジェクトでパイプを正しく構成し、translatemodule を正しいモジュールにインポートしました)。

私のcomponent.htmlは次のとおりです。

<app-header></app-header>
<app-sidebar></app-sidebar>
<section class="main-container">
<router-outlet></router-outlet>
</section>

私のヘッダーには、このドロップダウンがあります：

<div>
 <label>
  {{ 'HOME.SELECT' | translate }} 
  <select #langSelect (change)="translate.use(langSelect.value);setLang()">
   <option *ngFor="let lang of translate.getLangs()" [value]="lang" [selected]="lang === translate.currentLang">{{ lang }}</option>
  </select>
 </label>
</div>

ページが他の多くのコンポーネントで構成されている場合、ページ全体で言語を変更する方法は何ですか?