我正在使用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秒)进行调试时,其弹出并隐藏。