Pada bulan Juni, Google merilis versi stabil AngularJS 1.0,
Dan menyatakan bahwa: AngularJS memungkinkan Anda untuk memperluas sintaks HTML untuk secara jelas dan ringkas mewakili komponen dalam aplikasi Anda, dan memungkinkan HTML standar sebagai bahasa templat Anda. AngularJS dapat secara otomatis menyinkronkan data dari UI (tampilan) dengan objek JavaScript (model) melalui pengikatan data dua arah.
Saya mulai menghubungi AngularJS ketika saya datang ke tim proyek baru pada bulan April. Pada saat ini, AngularJS masih dalam versi 0,8 tidak stabil dan sudah mulai digunakan dalam proyek. Kerangka kerja ini diterapkan pada seluruh akhir proyek, dan ujung server juga merupakan API web yang tidak stabil. Saya sangat mengagumi keberanian dan antusiasme tim untuk teknologi baru. Untungnya, semua orang dapat mengendalikannya dengan baik. Ini adalah pertama kalinya saya mencoba proyek yang penuh dengan teknologi yang tidak stabil.
Kembali ke topik, mari kita lihat contoh resmi:
<! Doctype html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </head> <body> namamu: <input type = "text" ng-model = "youName" placeer = "placeer =" hello {"typle" ng-model = "youlame" model " 'World'}}! </body> </html>Demo:
Nama Anda:
-----------------------------------------------------------------------------------------------------------------------------
Halo dunia!
Catatan: Memasukkan karakter apa pun di kotak input akan segera mengikat pembaruan ke halaman.
1. Di sini, ikatan NG-Model Directive (Directive) adalah Model Lingkup Atribut YouName.
2. dan gunakan ekspresi untuk mengikat nama Anda ke informasi teks.
3. Hanya DOM waktu yang diperlukan di sini, karena AngularJS adalah built-in.
Program AngularJS dibagi menjadi 3 bagian: templat, logika lapisan presentasi, dan data (model).
Template: Kami menggunakan HTML dan CSS untuk menulis kode tampilan UI, yang berisi instruksi dan ekspresi AngularJS, dan pada akhirnya akan dikompilasi oleh mekanisme kompilasi AngularJS untuk menempel pada pohon DOM. Arahan AngularJS dapat diperpanjang secara bebas oleh kami.
Logika Lapisan Presentasi: Termasuk logika dan perilaku aplikasi. Gunakan definisi JavaScript sebagai logika pengontrol tampilan. Sebagai kerangka kerja MVC di AngularJS, kami tidak perlu menambahkan acara mendengarkan untuk tingkat DOM di pengontrol, yang sudah dibangun di AngularJS. Setelah peristiwa DOM simpul UI terjadi, AngularJS akan secara otomatis pergi ke logika perilaku (tindakan) tertentu pada ruang lingkup.
Data: ViewObject perlu dirujuk oleh lingkup AngularJS (muncul sebagai layanan dalam 1.0), yang dapat membuat semua jenis objek JavaScript, array, tipe primitif, objek. Selain itu, AngularJS akan secara otomatis memperbarui model secara tidak sinkron, yaitu, secara otomatis akan menyegarkan model (mode) ketika UI berubah, dan sebaliknya, secara otomatis akan menyegarkan UI ketika model berubah. Di sini kita tidak perlu mendefinisikan beberapa metode kolom seperti getter dan setter.
Ini adalah pemandangan dari yang resmi:
Pada saat yang sama, AngularJS memberi kami beberapa layanan yang berguna untuk kolom, dan memungkinkan kami untuk menambahkan layanan untuk bisnis spesifik kami sendiri, menyediakan AJAX, cache, routing URL, layanan abstrak browser, dan kami dapat menggunakan kombinasi layanan ini dengan mekanisme injeksi AngularJS. Pada saat yang sama, AngularJS juga merupakan kerangka kerja JavaScript yang sangat mudah diuji. Anda dapat melihat bahwa dalam contoh resmi, mereka semua memiliki program pengujian dan memberikan kerangka pengembangan BDD (didorong perilaku).
Di atas adalah kerangka kerja AngularJS JavaScript MVC yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!