NgBootstrap модальный не открывается - PullRequest
Новая
       22

NgBootstrap модальный не открывается

0 голосов
/ 16 марта 2019

Я пытаюсь открыть модал с помощью ng-bootstrap. Моя версия начальной загрузки - 4.3.1. Я также ввел модальную запись компонента в разделе "entryComponents". После всего вышеперечисленного, я все еще получаю ошибку,

"Не найдена фабрика компонентов для NgbModalBackdrop. Вы добавили ее в @ NgModule.entryComponents?"

Ниже мой код app.module.ts

импорт {BrowserModule} из '@ angular / platform-browser'; import {NgModule} из '@ angular / core'; 

import { AppComponent } from './app.component';
import { NavigationComponent } from './navigation/navigation.component';
import { HeaderComponent } from './header/header.component';
import { FooterComponent } from './footer/footer.component';
import { ContainerComponent } from './container/container.component';
import { InnerContainerComponent } from './inner-container/inner-container.component';
import { HomeComponent } from './home/home.component';
import { ProductsComponent } from './products/products.component';
import { BoxesComponent } from './boxes/boxes.component';
import { FeaturesComponent } from './features/features.component';
import { SliderComponent } from './home/slider/slider.component';
import { LoginmodalComponent } from './header/loginmodal/loginmodal.component';

@NgModule({
  declarations: [
    AppComponent,
    NavigationComponent,
    HeaderComponent,
    FooterComponent,
    ContainerComponent,
    InnerContainerComponent,
    HomeComponent,
    ProductsComponent,
    BoxesComponent,
    FeaturesComponent,
    SliderComponent,
    LoginmodalComponent
  ],
  entryComponents:[
    LoginmodalComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Код модального компонента:

LoginModalComponent 

import { Component} from '@angular/core';
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'app-loginmodal',
  templateUrl: './loginmodal.component.html',
  styleUrls: ['./loginmodal.component.css']
})
export class LoginmodalComponent{

  constructor(public activeModal: NgbActiveModal) {}

}

и ниже - код компонента моего абонента:

HeaderComponent 

import { Component, OnInit } from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { LoginmodalComponent } from './loginmodal/loginmodal.component';

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit {

  constructor(private modalService: NgbModal) { }

  ngOnInit() {
  }

  open(){
    this.modalService.open(LoginmodalComponent);
  }

}
...