tengo una duda específica con respecto al uso de bootstrap
. Resulta que deseo desarrollar una aplicación en la que necesito implementar un modal, y no deseo importar completamente la librería para no tener interferencia en el sistema donde tengo que insertar dicha aplicación. No puedo utilizar ng-bootstrap
por cuestiones de conflicto con el otro sistema, es por ello que utilizo bootstrap
convencional.
Con respecto a las clases css
de bootstrap
para el modal no tengo ningún inconveniente ya que solo copio y pego en una hoja de estilos las clases que necesito y las renombro en caso de ser necesario.
Mi duda específica es saber como proceder (si es que es posible) con las líneas de código javascript
de bootstrap
correspondientes al modal.
Revisando la documentación de bootstrap
se puede encontrar el código javascript
correspondiente a cada componente, ya sea un carousel o un modal, como se puede observar en el siguiente link:
Suponiendo que tengo una copia de los ficheros javascript necesarios para el funcionamiento del modal, de que manera puedo llamarlos y vincularlos en Angular?
Para ejemplificar lo que estoy intentado hacer, dejo un enlace de stackblitz con una simplificación de lo que pretendo implementar:
En dicho enlace, el proyecto es muy sencillo. Se trata de un componente denominado popup que consta de un botón que al presionarlo debe desplegar un modal con un campo de texto. Cuando el usuario introduce un valor, este se despliega en pantalla. A continuación muestro la sucesión de eventos:
Para mostrar este funcionamiento (temporal) usé el cdn de bootstrap.min.js
en el fichero index.html
. Lo he desactivado, porque justamente no puedo usar la totalidad de la librería por conflicto con el otro sistema.
Es posible lo que estoy intentado hacer? Aclaro que soy nuevo en todo lo que respecta al desarrollo web y probablemente estoy pasando por alto varias cosas.
Muchas gracias.