Angular 2 Material 步进器不工作

Question

您好，我正在开发一个 Angular 2 项目并经常使用 Material 模块。由于某种原因，我什至无法将 Stepper 模块导入我的项目。所以我最终导入了整个 Material 模块，如下所示:

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { StepperComponent } from './stepper.component';
import { MaterialModule } from '@angular/material';


@NgModule({
  imports: [CommonModule, MaterialModule],
  declarations: [StepperComponent],
  exports: [StepperComponent]
})

export class StepperModule {}

我在我的html中使用它来测试它的导入

<mat-horizontal-stepper></mat-horizontal-stepper>

然后我收到以下错误，

polyfills.dll.js:24743 Unhandled Promise rejection: Template parse errors:
'mat-horizontal-stepper' is not a known element:
1. If 'mat-horizontal-stepper' is an Angular component, then verify that it is part of this module.
2. If 'mat-horizontal-stepper' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<mat-horizontal-stepper></mat-horizontal-stepper>"): t@0:0 ; Zone: <root> ; Task: Promise.then ; Value: 

我可以使用很多 Material 模块。只有这个有问题。有什么想法吗？提前致谢。

Answer 1

您确定正确导入了模块吗？确保在您的 app.module.ts 中，您有对 MatStepperModule 和 NOT MaterialModule 的导入(其中已从 2.0.0-beta.11 中删除，请参阅 here ):

import { MatStepperModule } from '@angular/material';

@NgModule({
    imports: [
        MatStepperModule,
        // ...
    ]
})

它不起作用的原因是步进器组件是 2.0.0-beta.11 中新增的(参见 changelog 了解更多信息，如上所述，删除了 Material 模块)