Dalam "Manual Rujukan Cina AngularJS", AngularJS memanjangkan HTML dengan atribut dan ungkapan baharu. AngularJS boleh membina aplikasi halaman tunggal (SPA: Aplikasi Halaman Tunggal). AngularJS sangat mudah dipelajari.
AngularJS ialah perpustakaan JavaScript sumber terbuka yang diselenggara oleh Google untuk membantu aplikasi satu halaman berjalan. Matlamatnya adalah untuk meningkatkan aplikasi berasaskan pelayar melalui kefungsian corak MVC (MVC) untuk menjadikan pembangunan dan ujian lebih mudah. Selepas perubahan besar dalam versi 2 (perubahan yang paling menonjol ialah penggunaan penuh TypeScript), ia dinamakan semula Angular, dan versi N dinamakan dalam bentuk Angular N.
Pustaka membaca HTML yang mengandungi penyesuaian tambahan (atribut teg), mengikut arahan dalam atribut tersuai ini dan mengikat input atau output daripada halaman kepada model yang diwakili oleh pembolehubah JavaScript. Nilai pembolehubah JavaScript ini boleh ditetapkan secara manual atau diperoleh daripada sumber JSON statik atau dinamik.
Petua: Sebelum anda mula belajar AngularJS, anda perlu mempunyai pengetahuan asas tentang HTML, CSS, JavaScript.
Mari jalankan contoh AngularJS yang pertama!
Instance AngularJS pertama
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>Instance yang sedang berjalan »
Klik butang "Run Instance" untuk melihat contoh dalam talian
Angular mengikut corak MVC kejuruteraan perisian dan menggalakkan gandingan longgar antara persembahan, data dan komponen logik. Melalui suntikan pergantungan, Angular membawa perkhidmatan sebelah pelayan tradisional, seperti kawalan bebas paparan, kepada aplikasi web sebelah pelanggan. Oleh itu, banyak beban dikurangkan pada bahagian belakang, menghasilkan aplikasi web yang lebih ringan. . jawab mereka untuk anda.
AngularJS terutamanya mempertimbangkan 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.Ciri Utama AngularJSAngularJS memudahkan pembangunan aplikasi dengan mempersembahkan pembangun dengan tahap abstraksi yang lebih tinggi. Seperti teknik abstraksi yang lain, beberapa fleksibiliti hilang. Dengan kata lain, tidak semua aplikasi sesuai untuk 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.
- Matlamat reka bentuk AngularJS:
- Asingkan logik aplikasi daripada operasi pada DOM. Ini meningkatkan kebolehujian kod anda.
- Asingkan bahagian klien dan pelayan aplikasi. Ini membolehkan pembangunan pelanggan dan pelayan berjalan seiring dan membolehkan penggunaan semula di kedua-dua belah pihak.
- Bimbing pembangun melalui keseluruhan proses membina aplikasi: daripada mereka bentuk antara muka pengguna, kepada menulis logik perniagaan, kepada ujian.
- Apa yang diliputi oleh manual tutorial AngularJS ini
- Manual tutorial AngularJS ini merangkumi semua kaedah penggunaan asas React, termasuk ungkapan AngularJS, arahan AngularJS, model AngularJS, pengawal AngularJS, jadual AngularJS, peristiwa AngularJS terperinci, pengetahuan modul AngularJS, AngularJS terperinci animasi, suntikan pergantungan AngularJS, penghalaan AngularJS, dsb.
Setiap bab tutorial ini mengandungi banyak contoh AngularJS Anda boleh terus mengklik butang "Jalankan Contoh" untuk melihat keputusan dalam talian. Contoh-contoh ini akan membantu anda memahami dan menggunakan AngularJS dengan lebih baik.
Bab terbaru
- AngularJS 参考手册 2016-10-19
- AngularJS 2016-10-19
- AngularJS 应用 2016-10-19
- AngularJS 路由 2016-10-19
- AngularJS 依赖注入 2016-10-19
- AngularJS 动画 2016-10-19
- AngularJS 包含 2016-10-19
- AngularJS Bootstrap 2016-10-19
Kursus berkaitan
- Pengenalan pantas kepada pembangunan bahagian hadapan web 2021-12-10
- Kursus bahagian hadapan yang paling memahami anda: HTML5/CSS3/ES6/NPM/Vue/...[Asal] 2022-09-30
- Tutorial Video Permulaan Gulp 2022-04-18
- Tutorial video Brothers in Arms Gao Luofeng CSS3 2022-04-20
- Aplikasi web pembangunan AngularJS contoh tutorial video asas 2022-04-18
- Kenalan penuh Ajax 2022-04-13
- Tutorial video asas rangka kerja MUI 2022-04-13
- Kelas percubaan kelas latihan dalam talian 2019-01-10