角度で共有モジュール
8018 ワード
あなたのアプリケーションの角度の材料を使用します.モジュールです.TSファイルはあまりにも混乱を引き起こします.モジュールモジュールのみを含む共有モジュールを作成しない.
あなたのルートタイプから
JWP 2021
あなたのルートタイプから
ng g m matshared
必要な材料モジュールをインポートしてエクスポートします.import { CommonModule } from '@angular/common';
import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card';
import { MatChipsModule } from '@angular/material/chips';
import { MatIconModule } from '@angular/material/icon';
import { MatMenuModule } from '@angular/material/menu';
import { MatPaginatorModule } from '@angular/material/paginator';
import { MatTableModule } from '@angular/material/table';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatTooltipModule } from '@angular/material/tooltip';
import { NgModule } from '@angular/core';
@NgModule({
imports: [
// Leave this blank
],
exports: [
MatButtonModule,
MatCardModule,
MatChipsModule,
MatIconModule,
MatMenuModule,
MatPaginatorModule,
MatTableModule,
MatToolbarModule,
MatTooltipModule,
],
})
export class MatSharedModule {}
今すぐアプリに戻ってください.モジュールです.import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { BrowserModule } from '@angular/platform-browser';
import { MatSharedModule } from './matshared.module';
import { NgModule } from '@angular/core';
@NgModule({
declarations: [AppComponent, MainComponent],
imports: [
AppRoutingModule,
BrowserAnimationsModule,
BrowserModule,
MatSharedModule,
],
exports: [MatSharedModule,],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
他の機能モジュールは、このmatsharedmoduleも共有することができます.インポートを使用してインポート先をインポートします.import { MatSharedModule } from '../matshared.module';
imports: [
CommonModule,
MatSharedModule,
],
シンプルで、我々が知っているとき.JWP 2021
Reference
この問題について(角度で共有モジュール), 我々は、より多くの情報をここで見つけました https://dev.to/jwp/shared-modules-in-angular-274kテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol