Contexte: Collaboration entre la bibliothèque de classe Angular et JQuery
Dans la bibliothèque tierce, nous devons mentionner le célèbre jQuery, qui est désormais essentiellement un outil obligatoire pour le développement Web domestique. Son opération DOM flexible rend de nombreux développeurs Web incapables de s'arrêter. Couplé à la bibliothèque JQuery déjà mature et à un grand nombre de plug-ins jQuery, c'est presque une maison trésor inépuisable. Cependant, peut-il être combiné avec AngularJS?
De nombreux fondamentalistes AngularJS sont négatifs à ce sujet. Ils croient que puisque AngularJS a été utilisé comme cadre d'application Web, il est nécessaire d'éviter les interférences des autres bibliothèques de classe et de faire des applications en mode MVVM pures. Toute opération DOM similaire à jQuery est impure. Mettez toutes les opérations liées à l'interface, telles que les opérations DOM, dans la directive, afin que la page soit directive sans code, ce qui est cohérent avec l'idée de JSF. Les idées MVVM, DSL, de composontisation sont la tendance du Web. Eh bien, l'idée est bonne, les fondamentalistes sont si purs. Mais le fait est que lorsque nous utilisons AngularJS, nous ne pouvons pas nous passer de jQuery.
Comme nous le savons tous, JQuery Lite. est en fait intégré à AngularJS, et de nombreuses méthodes dans le code source AngularJS sont directement utilisées pour utiliser des méthodes jQuery. Par exemple, le mécanisme de liaison des événements d'AngularJS. Étant donné que les prophètes l'utilisent tous, pourquoi ne l'utilisons-nous pas? Il n'y a rien de mal à l'idée de la composontisation, mais il n'est pas nécessaire de vous attacher les mains et les pieds à cause de cela. La seule chose à noter est de ne pas utiliser le code de JQuery pour détruire la structure d'AngularJS. (Lien original: http://www.angularjs.cn/a0fg)
Cas: encapsuler le plugin temporel du site officiel de bootstrap en angulaire
Instructions pour une utilisation:
Ajouter ng-model='timepickerTest' ng-time sur le fragment html du bootstrap-dattimetimepicker d'origine
L'adresse de stockage du code sur github: https://github.com/cynthiahipore/ui-bootstrap-datetimepicker
Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour étudier et vous attacher 3 sujets passionnants:
Tutoriel d'apprentissage bootstrap
Tutoriel pratique de bootstrap
Tutoriel d'utilisation du plug-in bootstrap
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.