Latar Belakang: Kolaborasi antara Perpustakaan Kelas Angular dan JQuery
Di perpustakaan pihak ketiga, kami harus menyebutkan jQuery yang terkenal, yang sekarang pada dasarnya merupakan alat wajib untuk pengembangan web domestik. Operasi DOM yang fleksibel membuat banyak pengembang web tidak dapat berhenti. Ditambah dengan perpustakaan JQuery UI yang sudah matang dan sejumlah besar plug-in jQuery, ini hampir merupakan rumah harta yang tidak ada habisnya. Namun, dapatkah dikombinasikan dengan AngularJS?
Banyak fundamentalis AngularJS negatif tentang ini. Mereka percaya bahwa karena AngularJS telah digunakan sebagai kerangka aplikasi web, perlu untuk menghindari gangguan dari perpustakaan kelas lain dan membuat aplikasi mode MVVM murni. Setiap operasi DOM yang mirip dengan jQuery adalah najis. Letakkan semua operasi terkait antarmuka, seperti operasi DOM, di Directive, sehingga halaman tersebut direktif tanpa kode, yang konsisten dengan ide JSF. MVVM, DSL, Ide Komponen adalah tren web. Nah, idenya bagus, fundamentalis sangat murni. Tetapi faktanya adalah ketika kita menggunakan AngularJS, kita tidak dapat melakukannya tanpa jQuery.
Seperti yang kita semua tahu, JQuery Lite. sebenarnya dibangun menjadi AngularJS, dan banyak metode dalam kode sumber AngularJS secara langsung digunakan untuk menggunakan metode jQuery. Misalnya, mekanisme pengikatan peristiwa dari AngularJS. Karena semua nabi menggunakannya, mengapa kita tidak menggunakannya? Tidak ada yang salah dengan gagasan komponen, tetapi tidak perlu mengikat tangan dan kaki Anda karena ini. Satu -satunya hal yang perlu diperhatikan adalah tidak menggunakan kode JQuery untuk menghancurkan struktur AngularJS. (Tautan asli: http://www.angularjs.cn/a0fg)
Kasus: Encapsulate plugin waktu situs web Bootstrap Resmi di Angular
Petunjuk Penggunaan:
Tambahkan ng-model='timepickerTest' ng-time pada fragmen HTML dari bootstrap-datetimePicker asli
Alamat penyimpanan kode di github: https://github.com/cynthiawupore/ui-bootstrap-dateMePicker
Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.