时间戳

首页 > 解决方案 > Bootstrap Angular Stepper 的材料设计不起作用

angular - Bootstrap Angular Stepper 的材料设计不起作用

问题描述

预期行为

嗨，我正在考虑使用引导程序的材料并想先对其进行测试，所以我创建了一个 stackblitz 并尝试使用 Angular 步进器。但不幸的是，即使在安装了所有依赖项之后，它也无法正常工作并继续给出 mdstepper 和 stepperform 错误。

实际行为

工作没有依赖错误。

资源（屏幕截图、代码片段等）

https://stackblitz.com/edit/angular-mdb-stepper-example

标签： angularangular-ui-bootstrap

解决方案

未导入 angular-bootstrap-md 的组件，因此如果您导入整个 MDBBootstrapModule，它现在可以工作，还可以添加NO_ERRORS_SCHEMAangular-boostrap-md 文档中的架构。你app.module.ts看起来像这样：

import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

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

import { MDBBootstrapModule } from 'angular-bootstrap-md';
import { WavesModule, } from 'angular-bootstrap-md';

@NgModule({
  imports:      [ 
    WavesModule.forRoot(),
    BrowserModule, 
    MDBBootstrapModule.forRoot(),
    ReactiveFormsModule,
    ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ],
  schemas: [NO_ERRORS_SCHEMA]
})
export class AppModule { }

工作示例：https ://stackblitz.com/edit/angular-mdb-stepper-example-tuew7y?file=src/app/app.module.ts

推荐阅读