AngularのNgModule(モジュール)の詳しい説明

この記事では、Angular の NgModule (モジュール) について詳しく説明します。一定の参考値があるので、困っている友達が参考になれば幸いです。

Angular モジュール (NgModule)

• Angular アプリケーションはモジュール式であり、 NgModule と呼ばれる独自のモジュール システムを持っています。 NgModule は、特定のアプリケーション領域、特定のワークフロー、または一連の密接に関連した機能に焦点を当てた、いくつかのまとまったコード ブロックを保存するために使用されるコンテナです。これには、いくつかのコンポーネント、サービスプロバイダー、またはその他のコードファイルを含めることができ、そのスコープは、それらを含む NgModule によって定義されます。また、他のモジュールによってエクスポートされた一部の関数をインポートしたり、他の NgModule で使用するために指定された関数をエクスポートしたりすることもできます。
• モジュールは、@NgModule デコレータを備えた TypeScript クラスでもあります。

関連チュートリアルの推奨事項: 「angular チュートリアル」

NgModule メタデータ

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import {HttpClient, HttpClientModule} from '@angular/common/http';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

• # #宣言

#モジュール内で何かを宣言すると、コンポーネント、命令、パイプのみを宣言できます。

• imports

インポート テーブルは、アプリケーションが実行するために依存するいくつかのモジュールを宣言します。

• providers

モジュール内で提供されるサービスを宣言します。宣言できるのはサービスのみです。

• bootstrap

モジュールの主要コンポーネントが何であるかを宣言します。ルート モジュールのみがこのブートストラップ属性を設定する必要があります。

プログラミング教育をご覧ください。 ！

以上がAngularのNgModule(モジュール)の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。