Модал ng-bootstrap не открывается и идет ловить () - PullRequest
Новая
       8

Модал ng-bootstrap не открывается и идет ловить ()

0 голосов
/ 18 декабря 2018

Я использую ng-bootstrap для модального всплывающего окна в angular 7 с начальной загрузкой 4.0.0

Модальное не появляется.

У меня следующая структура папок: 

-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 сек) она всплывает и прячется. </p>

...