外部モジュールのコンポーネントを利用する

Angular で AppModule 以外のモジュールに配置されているコンポーネントを AppModule に引き込んで利用したい局面はよくあります。そのような場合には、利用したコンポーネントをエクスポートする必要があります。エクスポートする方法は、コンポーネントを管理しているモジュールの export プロパティに、コンポーネントを宣言(登録)します。

@NgModule({
  declarations: [ToolbarComponent, SidenavComponent],
  imports: [CommonModule, MatToolbarModule, MatIconModule, MatButtonModule, MatSidenavModule],
  exports: [ToolbarComponent, SidenavComponent], <-- 外部で利用したいコンポーネントを宣言
})
export class SharedModule {}