我在 material.module.ts 檔案中添加了這樣的 Angular Material 模塊。
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
import { MatDialogModule } from '@angular/material/dialog';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatSelectModule } from '@angular/material/select';
import { MatInputModule } from '@angular/material/input';
import { MatDatepickerModule } from '@angular/material/datepicker';
@NgModule({
declarations: [],
imports: [
CommonModule,
MatToolbarModule,
MatIconModule,
MatButtonModule,
MatDialogModule,
MatFormFieldModule,
MatSelectModule,
MatInputModule,
MatDatepickerModule,
],
exports: [
MatToolbarModule,
MatIconModule,
MatButtonModule,
MatDialogModule,
MatFormFieldModule,
MatSelectModule,
MatInputModule,
MatDatepickerModule,
],
})
export class MaterialModule {}
在我的代碼中，我有一次在匯入部分添加了材料模塊，然后我在匯出部分添加了相同的模塊。
所以，我想寫這樣的代碼：
importsAM = [
MatFormFieldModule,
MatSelectModule,
MatInputModule,
MatDatepickerModule,
]
@NgModule({
declarations: [],
imports: [
CommonModule,
importsAM
],
exports: [
importsAM
],
})
因此，有任何方法可以撰寫類似的代碼。或如何減少重復代碼？
uj5u.com熱心網友回復：
當然。使用擴展運算子：
...
const modules = [
MatToolbarModule,
MatIconModule,
MatButtonModule,
MatDialogModule,
MatFormFieldModule,
MatSelectModule,
MatInputModule,
MatDatepickerModule
];
@NgModule({
declarations: [],
imports: [
CommonModule,
...modules
],
exports: [
...modules
],
})
export class MaterialModule {}
如果exports沒有任何其他模塊，您也可以使用 exports: modules.
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/445937.html
上一篇：如何使用Lit在Typescript中擴展ShoelaceWeb組件
下一篇：使用打字稿在函式中保持物件形狀