ng-bootstrap modal无法打开,并转到catch()

时间:2018-12-18 20:56:14

标签: angular ng-bootstrap

我正在使用ng-bootstrap在带有自举程序4.0.0的Angular 7中进行模态弹出

模式不会弹出。

我具有以下文件夹结构:

-app
  -app.module.ts
  -user-view
    -user-view.component.ts/.html/.cs
    -user-modal.component.ts/.html/.cs
    -user-view.module.ts

app.module.ts:

@NgModule({
    imports: [
        UserViewModule,
        NgbModule.forRoot(),
    ],
    entryComponents: [
        UserModalComponent,
    ]
})

user-view.component.ts

    export class UserViewComponent {
        constructor(private modalService: NgbModal){}

        openModal(){
            this.modalService.open(UserModalComponent).result.then((result) => {
                console.log('result: ', result);
            }, (reason) => {
                console.log('reason: ', reason);
            });
       }
    }

user-view.component.html:

<button (click)="openModal()">Click</button>

user-modal.component.ts:

export class UserModalComponent {
    constructor(
        public activeModal: NgbActiveModal
    ) {}
}

user-modal.componen.html:     // some static code to test

user-view.module.ts

@NgModule({
  imports: [
    NgbModule.forRoot(),
  ],
  declarations: [UserViewComponent, UserModalComponent]
})

export class UserViewModule {}

单击按钮以打开模式:

我明白了 reason: 0在控制台中

模态弹出并隐藏(无法正常看到),但是在使用断点(<0.5秒)进行调试时,其弹出并隐藏。

0 个答案:

没有答案