Estoy siguiendo el ejemplo dado aquí https://valor-software.com/ng2-bootstrap/#/modals
Pero cuando pongo la plantilla en mi html
<div class="modal fade" bsModal #staticModal="bs-modal" [config]="{backdrop: 'static'}" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> ......... ....... </div>También tengo la siguiente entrada en mi app.module.ts
import { ModalModule } from 'ng2-bootstrap'; @NgModule({ imports: [ModalModule.forRoot(),...] })y aparece el siguiente mensaje, no estoy seguro de lo que me estoy perdiendo
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>de acuerdo con la guía, no tengo que importar nada a mi componente
Debe importar el módulo modal ngx-bootstrap en su módulo como se muestra a continuación:
import { ModalModule } from "ngx-bootstrap"; @NgModule({ imports: [ ModalModule.forRoot() ] })Debe faltar la siguiente línea en su componente
@ViewChild('staticModal') public staticModal:ModalDirective;Para obtener más información sobre ng2-bootstrap modal, puede ver esta publicación que también contiene la demostración.
Por si acaso, si está en este hilo porque está recibiendo el mismo error, incluso si ha agregado la siguiente línea a NgModule
ModalModule.forRoot()Asegúrate de que tu importación sea la correcta.
Importación correcta
import { ModalModule } from 'ngx-bootstrap/modal';Importación incorrecta
import { ModalModule } from 'ngx-bootstrap/modal/public_api';