Apakah AngularJS?

AngularJS ialah rangka kerja struktur yang direka untuk aplikasi WEB dinamik. Ia membolehkan anda menggunakan HTML sebagai bahasa templat, dan dengan memanjangkan sintaks HTML, anda boleh membina komponen aplikasi anda dengan lebih jelas dan ringkas. Inovasinya ialah dengan menggunakan pengikatan data dan suntikan kebergantungan, ia menjimatkan anda daripada menulis banyak kod. Ini semua dilaksanakan melalui Javascript sebelah pelayar, yang juga menjadikannya disepadukan dengan sempurna dengan mana-mana teknologi sebelah pelayan.

AngularJS direka untuk mengatasi kelemahan HTML dalam membina aplikasi. HTML ialah bahasa perisytiharan yang baik direka untuk paparan teks statik, tetapi ia adalah lemah apabila ia datang untuk membina aplikasi WEB. Jadi saya melakukan beberapa kerja (helah jika anda mahu) untuk mendapatkan penyemak imbas melakukan apa yang saya mahu. formatTarikh

Biasanya, kami menggunakan teknologi berikut untuk menyelesaikan kekurangan teknologi laman web statik dalam membina aplikasi dinamik:

1. Pustaka kelas - Pustaka kelas ialah koleksi fungsi yang boleh membantu anda menulis aplikasi WEB. Kod andalah yang mengawal dan anda sendiri yang menentukan masa untuk menggunakan pustaka. Perpustakaan kelas termasuk: jQuery, dsb.

2. Rangka kerja adalah aplikasi WEB khas yang telah dilaksanakan Anda hanya perlu mengisinya dengan logik perniagaan tertentu. Rangka kerja di sini memainkan peranan utama, memanggil kod anda mengikut logik aplikasi tertentu. Rangka kerja termasuk: kalah mati, sproutcore, dsb.

AngularJS menggunakan pendekatan yang berbeza, cuba mengimbangi kelemahan HTML itu sendiri dalam membina aplikasi. AngularJS membolehkan pelayar mengenali sintaks baharu dengan menggunakan struktur yang kami panggil arahan. Contohnya:

1. Gunakan sintaks {{}} pendakap kerinting untuk mengikat data; 2. Gunakan struktur kawalan DOM untuk mengulang atau menyembunyikan serpihan DOM; 3. Borang sokongan dan pengesahan borang; 4. Keupayaan untuk mengaitkan kod logik kepada elemen DOM yang berkaitan; 5. Keupayaan untuk mengumpulkan HTML kepada komponen yang boleh digunakan semula.


Penyelesaian hujung ke hujung

AngularJS cuba untuk menjadi penyelesaian hujung ke hujung untuk aplikasi WEB. Ini bermakna ia bukan hanya sebahagian kecil daripada aplikasi WEB anda, tetapi penyelesaian hujung ke hujung yang lengkap. Ini akan menjadikan AngularJS sangat "berpendapat" (teks asal adalah pendapat, bermakna tidak banyak cara lain) apabila membina aplikasi CRUD (tambah Cipta, Dapatkan pertanyaan, kemas kini Kemas kini, padam Padam). Walau bagaimanapun, walaupun ia "degil", ia tetap memastikan bahawa "kedegilan"nya hanya pada titik permulaan apabila anda membina aplikasi, dan anda masih mempunyai fleksibiliti untuk berubah. Beberapa ciri cemerlang AngularJS adalah seperti berikut: 1. Semua yang mungkin digunakan untuk membina aplikasi CRUD termasuk: pengikatan data, pengecam templat asas, pengesahan borang, penghalaan, pemautan dalam, penggunaan semula komponen dan suntikan kebergantungan.

3. Aplikasi benih dengan susun atur direktori dan skrip ujian sebagai titik permulaan.

Kecomelan AngularJS

AngularJS memudahkan pembangunan aplikasi dengan mempersembahkan pembangun dengan tahap abstraksi yang lebih tinggi. Seperti teknik abstraksi lain, beberapa kelenturan hilang. Dengan kata lain, tidak semua aplikasi sesuai untuk AngularJS. Kebimbangan utama AngularJS ialah membina aplikasi CRUD. Nasib baik, sekurang-kurangnya 90% daripada aplikasi WEB adalah aplikasi CRUD. Tetapi untuk memahami apa yang sesuai untuk membina dengan AngularJS, anda perlu memahami perkara yang tidak sesuai untuk membina dengan AngularJS. Sebagai contoh, permainan, editor antara muka grafik, aplikasi dengan operasi DOM yang kerap dan kompleks adalah sangat berbeza daripada aplikasi CRUD, dan ia tidak sesuai untuk dibina dengan AngularJS. Dalam situasi seperti ini mungkin lebih baik untuk menggunakan beberapa teknologi yang lebih ringan dan mudah seperti jQuery.

Berikut ialah aplikasi CRUD biasa yang mengandungi borang. Nilai borang mula-mula disahkan dan kemudian digunakan untuk mengira jumlah nilai, yang akan diformatkan dalam gaya setempat. Berikut ialah beberapa konsep biasa dalam kalangan pembangun yang perlu anda fahami dahulu: 1. Kaitkan model data (model data) dengan paparan (UI); 2. Tulis, baca dan sahkan input pengguna; 3. Kira nilai baharu mengikut model; 4. Setempatkan format output.

index.html:

Salin kod

Kod adalah seperti berikut:

???
???????
???????
???
???
???????

??????????? Invois:
???????????

???????????

???????????
??????????????? KuantitiKos
???????????????
???????????????????
???????????????????
???????????????
???????????
???????????

---

??????????? Jumlah: {{qty * kos | mata wang}}
???????

???

script.js:

復(fù)制代碼 代碼如下:

function InvoiceCntl($scope) {
??? $scope.qty = 1;
??? $scope.cost = 19.95;
}

ujian hujung ke hujung:

復(fù)制代碼 代碼如下:

it('should show of angular binding', function() {
??? jangkakan(mengikat('qty * kos')).toEqual('$19.95');
??? input('qty').enter('2');
??? input('kos').masukkan('5.00');
??? jangkakan(mengikat('qty * kos')).toEqual('$10.00');
});
function InvoiceCntl($scope){$scope.qty = 1;$scope.cost = 19.95;}

運行效果：

復(fù)制代碼 代碼如下:

Invois:
Kuantiti? Kos
Jumlah: {{qty * kos | mata wang}}

試一下上面這個例子，然后我們一起來看下這個例子的工作原理。 在``金理。 在``金第`標(biāo)識符標(biāo)明這是一個AngularJS應(yīng)用。這個`ng-app`標(biāo)識符會使AngularJS**自動初始化**(auto initialize)你的應(yīng)用。 我們用``標(biāo)簽來加載AngularJS腳本ular：

Alat AI Hot

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Tunjukkan Lagi

Artikel Panas

Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan

4 minggu yang lalu By DDD

Oguri Cap Build Guide | Musume Derby Pretty

2 minggu yang lalu By Jack chen

Agnes Tachyon Build Guide | Musume Derby Pretty

2 minggu yang lalu By Jack chen

Dune: Awakening - Lanjutan Planetologist Quest Walkthrough

4 minggu yang lalu By Jack chen

Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper

4 minggu yang lalu By Jack chen

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

8638

17

Tutorial Java

1783

16

Tutorial CakePHP

1729

56

Tutorial Laravel

1579

28

Tutorial PHP

1444

31

Tunjukkan Lagi

Related knowledge

Java vs JavaScript: Membersihkan kekeliruan Jun 20, 2025 am 12:27 AM

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza, masing -masing sesuai untuk senario aplikasi yang berbeza. Java digunakan untuk pembangunan aplikasi perusahaan dan mudah alih yang besar, sementara JavaScript digunakan terutamanya untuk pembangunan laman web.

Komen JavaScript: Penjelasan ringkas Jun 19, 2025 am 12:40 AM

JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic

Bagaimana untuk bekerja dengan tarikh dan masa di JS? Jul 01, 2025 am 01:27 AM

Titik berikut harus diperhatikan apabila tarikh pemprosesan dan masa di JavaScript: 1. Terdapat banyak cara untuk membuat objek tarikh. Adalah disyorkan untuk menggunakan rentetan format ISO untuk memastikan keserasian; 2. Dapatkan dan tetapkan maklumat masa boleh diperoleh dan tetapkan kaedah, dan ambil perhatian bahawa bulan bermula dari 0; 3. Tarikh pemformatan secara manual memerlukan rentetan, dan perpustakaan pihak ketiga juga boleh digunakan; 4. Adalah disyorkan untuk menggunakan perpustakaan yang menyokong zon masa, seperti Luxon. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan kesilapan yang sama.

Kenapa anda harus meletakkan tag di bahagian bawah ? Jul 02, 2025 am 01:22 AM

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

JavaScript vs Java: Perbandingan Komprehensif untuk Pemaju Jun 20, 2025 am 12:21 AM

JavaScriptispreferredforwebdevelopment, whersjavaisbetterforlarge-scalebackendsystemsandandroidapps.1) javascriptexcelsinceleatinginteractiveWebexperienceswithitsdynamicnatureanddommanipulation.2) javaoffersstrongyblectionandobjection

JavaScript: Meneroka jenis data untuk pengekodan yang cekap Jun 20, 2025 am 12:46 AM

JavascripthassevenfundamentalDatypes: nombor, rentetan, boolean, undefined, null, objek, andsymbol.1) numberuseadouble-precisionformat, bergunaforwidevaluangesbutbecautiouswithfloating-pointarithmetic.2)

Apakah peristiwa yang menggelegak dan menangkap di Dom? Jul 02, 2025 am 01:19 AM

Penangkapan dan gelembung acara adalah dua peringkat penyebaran acara di Dom. Tangkap adalah dari lapisan atas ke elemen sasaran, dan gelembung adalah dari elemen sasaran ke lapisan atas. 1. Penangkapan acara dilaksanakan dengan menetapkan parameter useCapture addeventlistener kepada benar; 2. Bubble acara adalah tingkah laku lalai, useCapture ditetapkan kepada palsu atau ditinggalkan; 3. Penyebaran acara boleh digunakan untuk mencegah penyebaran acara; 4. Acara menggelegak menyokong delegasi acara untuk meningkatkan kecekapan pemprosesan kandungan dinamik; 5. Penangkapan boleh digunakan untuk memintas peristiwa terlebih dahulu, seperti pemprosesan pembalakan atau ralat. Memahami kedua -dua fasa ini membantu mengawal masa dan bagaimana JavaScript bertindak balas terhadap operasi pengguna.

Apa perbezaan antara Java dan JavaScript? Jun 17, 2025 am 09:17 AM

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza. 1.Java adalah bahasa yang ditaip dan disusun secara statik, sesuai untuk aplikasi perusahaan dan sistem besar. 2. JavaScript adalah jenis dinamik dan bahasa yang ditafsirkan, terutamanya digunakan untuk interaksi web dan pembangunan front-end.

See all articles