Hintergrund: Zusammenarbeit zwischen Angular und JQuery Class Library
In der Drittanbieter-Bibliothek müssen wir das berühmte JQuery erwähnen, das jetzt im Grunde ein obligatorisches Tool für die Entwicklung des Inlands ist. In seinem flexiblen DOM -Betrieb können viele Webentwickler nicht aufhören. In Verbindung mit der bereits ausgereiften JQuery UI-Bibliothek und einer großen Anzahl von JQuery-Plug-Ins ist es fast ein unerschöpfbares Schatzhaus. Kann es jedoch mit AngularJs kombiniert werden?
Viele AngularJs -Fundamentalisten sind dazu negativ. Sie glauben, dass AngularJS als Webanwendungs -Framework verwendet wurde, es erforderlich ist, Interferenzen anderer Klassenbibliotheken zu vermeiden und reine MVVM -Modusanwendungen zu erstellen. Jede DOM -Operation, die JQuery ähnelt, ist unrein. Setzen Sie alle Schnittstellengeschäfte wie DOM-Operationen in die Richtlinie ein, sodass die Seite eine Richtlinie ohne Code ist, was mit der Idee von JSF übereinstimmt. MVVM, DSL, Komponentierungsideen sind der Trend des Webs. Nun, die Idee ist gut, Fundamentalisten sind so rein. Tatsache ist jedoch, dass wir, wenn wir AngularJs verwenden, nicht ohne JQuery auskommen können.
Wie wir alle wissen, Jquery Lite. ist tatsächlich in AngularJs integriert, und viele Methoden im AngularJS -Quellcode werden direkt zur Verwendung von JQuery -Methoden verwendet. Zum Beispiel der Ereignisbindungsmechanismus von AngularJs. Warum verwenden wir es nicht, da die Propheten es alle verwenden? An der Idee der Komponentierung ist nichts auszusetzen, aber aus diesem Grund müssen Sie Ihre Hände und Füße binden. Das einzige, was zu beachten ist, ist nicht, den Code von JQuery zu verwenden, um die Struktur von AngularJs zu zerstören. (Original -Link: http://www.angularjs.cn/a0fg)
Fall: In Angular das Zeit -Plugin der offiziellen Bootstrap -Website in Angular zusammenfassen
Anweisungen zur Verwendung:
Fügen Sie ng-model='timepickerTest' ng-time auf dem HTML
Die Speicheradresse des Codes unter GitHub: https://github.com/cynthiawupore/ui-bootstrap-datetimepicker
Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.