Antecedentes: colaboración entre Angular y JQuery Class Library
En la biblioteca de terceros, tenemos que mencionar la famosa jQuery, que ahora es básicamente una herramienta obligatoria para el desarrollo web nacional. Su operación DOM flexible hace que muchos desarrolladores web no puedan detenerse. Junto con la biblioteca jQuery UI ya madura y una gran cantidad de complementos jQuery, es casi una casa del tesoro inagotable. Sin embargo, ¿se puede combinar con AngularJS?
Muchos fundamentalistas de AngularJS son negativos al respecto. Creen que dado que AngularJS se ha utilizado como marco de aplicaciones web, es necesario evitar la interferencia de otras bibliotecas de clases y hacer aplicaciones de modo MVVM puro. Cualquier operación DOM similar a JQuery es inmunda. Ponga todas las operaciones relacionadas con la interfaz, como las operaciones DOM, en la directiva, para que la página sea directiva sin código, lo cual es consistente con la idea de JSF. Las ideas de MVVM, DSL, componentes son la tendencia de la web. Bueno, la idea es buena, los fundamentalistas son muy puros. Pero el hecho es que cuando usamos angularjs, no podemos prescindir de jQuery.
Como todos sabemos, jQuery Lite. en realidad está integrado en AngularJS, y muchos métodos en el código fuente de AngularJS se utilizan directamente para usar métodos jQuery. Por ejemplo, el mecanismo de unión de eventos de AngularJS. Dado que los profetas lo usan, ¿por qué no lo usamos? No hay nada de malo en la idea de la componente, pero no hay necesidad de atar las manos y los pies debido a esto. Lo único a tener en cuenta es no usar el código de JQuery para destruir la estructura de AngularJS. (Enlace original: http://www.angularjs.cn/a0fg)
Caso: Encapsula el complemento de tiempo del sitio web oficial de Bootstrap en Angular
Instrucciones para su uso:
Agregar ng-model='timepickerTest' ng-time en el fragmento HTML del bootstrap-dateTiMepicker original
La dirección de almacenamiento del código en GitHub: https://github.com/cynthiawupore/ui-bootstrap-dateTimepicker
Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.