角度材质元素不会对更改作出反应

Question

无论我在Angular 8项目中添加了什么角度材质元素（材质选项卡、材质按钮切换、材质选择、材质输入…），它们都不会更新。例如，在“材质”选项卡中，会绘制涟漪效果，但不会更改选项卡。mat按钮切换显示了类似的行为。mat select中的选项不显示，mat input中的浮动标签不浮动。我的代码基本上来自角度材质页面：

BrowserModule和BrowserAnimationsModule在AppModule中导入。

HTML:

<mat-tab-group>
  <mat-tab label="First"> Content 1 </mat-tab>
  <mat-tab label="Second"> Content 2 </mat-tab>
  <mat-tab label="Third"> Content 3 </mat-tab>
</mat-tab-group>

模块：

import { NgModule } from '@angular/core';
import { MatTabsModule } from '@angular/material';
import { CommonModule } from '@angular/common';
import { IhTabComponent } from './tab.component';

@NgModule({
  imports: [
    CommonModule,
    MatTabsModule,
  ],
  declarations: [IhTabComponent],
  exports: [IhTabComponent],
  entryComponents: [IhTabComponent],
})
export class TabModule {}

在我的另一个角7项目中，所有的角材料元素都工作正常。

Answer 1

以防有人对解决方案感兴趣。我的问题主要是由ngZone引起的：noop。ts文件。它禁用更改检测。

所以改变这个

platformBrowserDynamic()
.bootstrapModule(AppModule, {
 ngZone: 'noop'
})
.catch(err => console.error(err));

对这个

platformBrowserDynamic()
  .bootstrapModule(AppModule)
  .catch((err) => console.error(err));

解决了我的角度材料元素的问题。