Angular TinyMCE abre el diálogo de Angular Material.
Tengo una aplicación Angular
y estoy usando el editor Tiny-MCE
.
Quiero hacer clic en el nuevo botón que he agregado al editor para abrir el Angular Material Dialog
.
Cuando abro un diálogo dentro del nuevo complemento personalizado que he creado, obtengo el siguiente error.
No se pueden leer las propiedades de indefinido (leyendo 'abrir')
Para asegurarme de que el componente del diálogo funcione correctamente, agregué un botón fuera del editor y funciona bien.
Por favor, encuentra el ejemplo de código aquí:
https://stackblitz.com/edit/angular-ivy-k3nguv?file=src/app/app.component.ts
davy.ai
Solución para abrir un diálogo de Angular Material al hacer clic en un botón en el editor TinyMCE
.module.ts
.Angular Material Dialog
con la funcionalidad requerida.MatDialogModule
yMatButtonModule
a tu arregloimports
y también agrega elDialogComponent
creado aentryComponents
en tu archivo.module.ts
.tinyMCE
, en el cual, al hacer clic, quieres abrir elAngular Material Dialog
. En la funcióninit()
detinyMCE
, utilizaparentWindow.angular
para obtener el contexto deAngular
y luego utiliza el servicioMatDialog
para abrir elDialogComponent
.tinyMCE
para abrir elAngular Material Dialog
.Nota: Asegúrate de haber agregado
MatDialog
yMatButtonModule
al arregloproviders
en elAppComponent
.