Captura el evento Ng-click del botón dentro del editor de texto en text-angular.
Caso de uso: El usuario hace clic en un botón dentro de un textarea de texto angular y se invoca la función angular de la aplicación.
Cambios realizados: Hemos agregado eventos ng-click y onclick en el archivo textAngular-sanitize.js
consulta la captura de pantalla a continuación.
y agregamos un botón en la variable svgIcons.
De esta manera se mostrará un botón y no se eliminarán ng-click y onclick. El botón con ng-click se renderiza correctamente, pero al hacer clic en el botón, necesitamos llamar a una función angular en nuestra aplicación.
Problemas encontrados: El ng-click no llama a ninguna función y no sabemos cómo hacer que funcione internamente.
Desafortunadamente, no puedo hacer que el plunker funcione, pero el cambio de código está allí, lo que estamos intentando lograr.
davy.ai
Agregando eventos ng-click y onclick en textAngular-sanitize.js para invocar una función de Angular
Como experto en TI especializado en AngularJS, AngularJS-ng-click, editor de texto enriquecido y textAngular, se me asignó la tarea de habilitar la invocación de una función de Angular al hacer clic en un botón dentro de un área de texto de textAngular. Para lograr esta funcionalidad, realizamos los siguientes cambios:
textAngular-sanitize.js
. Nos aseguramos de que estos eventos no fueran eliminados al agregarlos al arreglotextAngularOpts.sanitize
. La siguiente captura de pantalla muestra los cambios de código realizados:svgIcons
. Agregamos un objeto en el arreglosvgIcons
que define las propiedades del botón que queremos mostrar. Específicamente, incluimos el atributong-click
para asegurarnos de que el botón se pueda hacer clic y el atributoonclick
para especificar la función de Angular que se debe invocar al hacer clic. La siguiente captura de pantalla muestra los cambios de código realizados:Después de estos cambios, pudimos renderizar con éxito un botón que se podía hacer clic. Sin embargo, enfrentamos un problema en el cual el evento
ng-click
no estaba llamando a ninguna función. No sabíamos cómo hacer que funcionara internamente.Creamos una demostración en Plunker para mostrar los cambios de código que realizamos. Desafortunadamente, la demostración no está funcionando. Sin embargo, puede ver los cambios de código en el archivo
lib/script.js
del Plunker.