angularjs - Det finns ingen direktiv med "exportAs" satt till "bs-modal" när man använder ng2-bootstrap

Jag följer exemplet som ges här https://valor-software.com/ng2-bootstrap/#/modals

Men när jag lägger mallen i min HTML

<div class="modal fade" bsModal #staticModal="bs-modal" [config]="{backdrop: 'static'}"
     tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> 
.........
.......

</div>

Jag har också följande post i min app.module.ts

import { ModalModule } from 'ng2-bootstrap';

@NgModule({
  imports: [ModalModule.forRoot(),...]
})

och meddelandet nedan visas, jag är inte säker på vad jag saknar

EXCEPTION: Uncaught (in promise): Error: Template parse errors:
There is no directive with "exportAs" set to "bs-modal" ("
</p-dialog>

<div class="modal fade" bsModal [ERROR ->]#staticModal="bs-modal" [config]="{backdrop: 'static'}"
     tabindex="-1" role="dialog" aria-labell"): PreCheckComponent@80:32
Can't bind to 'config' since it isn't a known property of 'div'. ("
</p-dialog>

enligt guiden behöver jag inte importera något till min komponent

Svar #1

Du behöver importera ngx-bootstrap modal-modulen i din modul som nedan:

import { ModalModule } from "ngx-bootstrap";
@NgModule({
  imports: [
    ModalModule.forRoot()
    ]
})

Svar #2

Du måste sakna raden nedan i din komponent

@ViewChild('staticModal') public staticModal:ModalDirective;

För mer information om ng2-bootstrap modal kan du se detta inlägg som också innehåller demon.

Relaterade artiklar