Pengenalan ringkas kepada tutorial asas AngularJS_AngularJS
AngularJS ialah rangka kerja JavaScript. Ia boleh ditambahkan pada halaman HTML melalui teg
AngularJS memanjangkan atribut HTML melalui arahan, dan kemudian mengikat data kepada elemen HTML melalui ungkapan.
AngularJS ialah rangka kerja JavaScript
AngularJS ialah rangka kerja JavaScript, iaitu perpustakaan kelas yang ditulis dalam bahasa JavaScript.
AngularJS diterbitkan sebagai fail JavaScript, yang boleh kami tambahkan pada halaman web melalui teg skrip:
http://cdn.bootcss.com/angular.js/1.3.14/angular.min.js">>
AngularJS memanjangkan HTML
AngularJS memanjangkan HTML melalui satu siri arahan-ng.
Arahan ng-app mentakrifkan aplikasi AngularJS.
Arahan model ng mengikat nilai kawalan HTML kepada model data.
Arahan ng-bind mengikat data model pada paparan HTML.
<script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"></script> <body> <div ng-app=""> <p>Name: <input type="text" ng-model="name"></p> <p ng-bind="name"></p> </div> </body>
Contoh penerangan:
AngularJS secara automatik memulakan pelaksanaan apabila halaman dimuatkan.
Arahan ng-app memberitahu AngularJS bahawa elemen
Arahan model ng mengikat nilai teg input kepada nama pembolehubah.
Arahan ng-bind mengikat nilai nama pembolehubah kepada atribut innerHTML bagi elemen
Arahan AngularJS
Seperti yang anda lihat, arahan AngularJS ialah satu set atribut HTML bermula dengan ng.
Pembolehubah Aplikasi AngularJS boleh dimulakan melalui arahan ng-init.
<div ng-app="" ng-init="firstName='John'"> <p>The name is <span ng-bind="firstName"></span></p> </div>
Kod yang setara:
<div data-ng-app="" data-ng-init="firstName='John'"> <p>The name is <span data-ng-bind="firstName"></span></p> </div>
Nota Anda boleh menggunakan awalan data-ng- dan bukannya ng- untuk memastikan HTML pada halaman adalah sah.
Anda akan mempelajari lebih banyak arahan AngularJS dalam bab kemudian.
Ekspresi AngularJS
Ungkapan AngularJS ditulis dalam kurungan berganda: {{ pernyataan ungkapan }}.
AngularJS akan "mengeluarkan" ungkapan dengan tepat sebagai hasil yang dikira, contohnya:
<!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <body> <div ng-app=""> <p>My first expression: {{ 5 + 5 }}</p> </div> </body> </html>
Ungkapan AngularJS mengikat data ke HTML dengan cara yang sama seperti arahan ng-bind.
<!DOCTYPE html> <html> <script src="angular.min.js"></script> <body> <div ng-app=""> <p>Name: <input type="text" ng-model="name"></p> <p>{{name}}</p> </div> </body> </html>
Anda akan mengetahui lebih lanjut tentang ungkapan AngularJS dalam bab berikut.
Aplikasi AngularJS
Modul AngularJS mentakrifkan Aplikasi AngularJS.
Pengawal AngularJS mengawal tingkah laku Aplikasi AngularJS.
Arahan ng-app digunakan untuk menentukan aplikasi, dan arahan ng-controller digunakan untuk menentukan pengawal.
<div ng-app="myApp" ng-controller="myCtrl"> First Name: <input type="text" ng-model="firstName"><br> Last Name: <input type="text" ng-model="lastName"><br> <br> Full Name: {{firstName + " " + lastName}} </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; }); </script>
Aplikasi definisi modul AngularJS:
var app = angular.module('myApp', []); AngularJS控制器控制AngularJS Applications的行为: app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; });
Anda akan mengetahui lebih lanjut tentang modul dan pengawal dalam bab berikut.

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

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)

Topik panas



Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.

Artikel ini membincangkan strategi untuk mengoptimumkan prestasi JavaScript dalam pelayar, memberi tumpuan kepada mengurangkan masa pelaksanaan dan meminimumkan kesan pada kelajuan beban halaman.

Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...

Artikel ini membincangkan debugging JavaScript yang berkesan menggunakan alat pemaju pelayar, memberi tumpuan kepada menetapkan titik putus, menggunakan konsol, dan menganalisis prestasi.

Tidak ada gaji mutlak untuk pemaju Python dan JavaScript, bergantung kepada kemahiran dan keperluan industri. 1. Python boleh dibayar lebih banyak dalam sains data dan pembelajaran mesin. 2. JavaScript mempunyai permintaan yang besar dalam perkembangan depan dan stack penuh, dan gajinya juga cukup besar. 3. Faktor mempengaruhi termasuk pengalaman, lokasi geografi, saiz syarikat dan kemahiran khusus.

Artikel ini menerangkan cara menggunakan peta sumber untuk debug JavaScript minifikasi dengan memetakannya kembali ke kod asal. Ia membincangkan membolehkan peta sumber, menetapkan titik putus, dan menggunakan alat seperti Chrome Devtools dan Webpack.

Perbincangan mendalam mengenai punca-punca utama perbezaan dalam output konsol.log. Artikel ini akan menganalisis perbezaan hasil output fungsi Console.log dalam sekeping kod dan menerangkan sebab -sebab di belakangnya. � ...

Sebaik sahaja anda telah menguasai tutorial TypeScript peringkat kemasukan, anda harus dapat menulis kod anda sendiri dalam IDE yang menyokong TypeScript dan menyusunnya ke dalam JavaScript. Tutorial ini akan menyelam ke dalam pelbagai jenis data dalam TypeScript. JavaScript mempunyai tujuh jenis data: null, undefined, boolean, nombor, rentetan, simbol (diperkenalkan oleh ES6) dan objek. Typescript mentakrifkan lebih banyak jenis atas dasar ini, dan tutorial ini akan meliputi semuanya secara terperinci. Jenis data null Seperti JavaScript, Null dalam TypeScript
