Antecedentes: Colaboração entre a Biblioteca de Classe Angular e JQuery
Na biblioteca de terceiros, devemos mencionar o famoso jQuery, que agora é basicamente uma ferramenta obrigatória para o desenvolvimento da Web doméstico. Sua operação DOM flexível torna muitos desenvolvedores da Web incapazes de parar. Juntamente com a já madura biblioteca de interface do usuário do jQuery e um grande número de plug-ins jQuery, é quase uma casa de tesouro inesgotável. No entanto, pode ser combinado com o AngularJS?
Muitos fundamentalistas do AngularJs são negativos sobre isso. Eles acreditam que, como o AngularJS tem sido usado como estrutura de aplicativos da web, é necessário evitar interferências de outras bibliotecas de classes e criar aplicativos de modo MVVM puro. Qualquer operação DOM semelhante ao jQuery é impura. Coloque todas as operações relacionadas à interface, como operações DOM, na diretiva, para que a página seja diretiva sem código, o que é consistente com a idéia do JSF. MVVM, DSL, idéias de componente são a tendência da web. Bem, a idéia é boa, os fundamentalistas são tão puros. Mas o fato é que, quando usamos o AngularJS, não podemos ficar sem jQuery.
Como todos sabemos, JQuery Lite. na verdade é incorporado em AngularJS, e muitos métodos no código -fonte do AngularJS são usados diretamente para usar métodos de jQuery. Por exemplo, o mecanismo de ligação de eventos dos angulares. Como todos os profetas estão usando, por que não o usamos? Não há nada de errado com a idéia de componente, mas não há necessidade de amarrar as mãos e os pés por causa disso. A única coisa a observar é não usar o código do jQuery para destruir a estrutura dos angulares. (Link original: http://www.angularjs.cn/a0fg)
Caso: encapsular o plug -in de tempo do site oficial de bootstrap no angular
Instruções para uso:
Adicione ng-model='timepickerTest' ng-time fragmento html do bootstrap-datetimepicker original
O endereço de armazenamento do código no github: https://github.com/cynthiawupore/ui-bootstrap-datetimepicker
Se você ainda deseja estudar em profundidade, pode clicar aqui para estudar e anexar 3 tópicos interessantes a você:
Tutorial de aprendizado de bootstrap
Tutorial prático de bootstrap
Tutorial de uso de plug-in bootstrap
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.