Contoh penggunaan arahan NG-BIND untuk melaksanakan pengikatan sehala dalam ANGULARJS_AngularJS

Selepas memperkenalkan rangka kerja AngularJS secara ringkas, artikel ini menggunakan contoh untuk menunjukkan penggunaan kaedah interpolasi {{}} dan arahan ng-bind.

Tidak seperti jquery, yang hanya perpustakaan kelas yang mengukuhkan dan memudahkan pembangunan bahagian hadapan, angularjs ialah rangka kerja bahagian hadapan web yang lengkap, jadi keluk pembelajaran jauh lebih tinggi.

Angularjs merasakan saya serupa dengan kerangka Spring Java Ia berada dalam kedudukan bekas tengah dan melekatkan komponen lain bersama-sama Banyak komponen terbina dalam sudah boleh memenuhi senario umum, kita boleh mengembangkan mengikut rangka kerja idea.

Mari mulakan dengan kandungan paling asas:

Salin kod Kod adalah seperti berikut:

ng-bind directive

Menghasilkan nilai literal rentetan secara langsung

Helo {{"World"}}

---

Gunakan ruang letak untuk mengeluarkan pembolehubah

Helo {{salam}}

---

Gunakan arahan ng-bind untuk pembolehubah output

Hello

---

Fungsi HelloController($skop) {
          $scope.greeting = "Dunia";
}

ng-app mengisytiharkan modul angularjs dan terhad kepada skop pengisytiharan teg html.

ng-controller mengisytiharkan pengawal angularjs dalam modul Terdapat berbilang pengawal, tetapi konteksnya diasingkan dan skop pengawal harus dikecilkan sebanyak mungkin.

{{}} ialah sintaks interpolasi angularjs, serupa dengan ungkapan EL JSP ${}. Output pertama adalah kerana "Dunia" adalah nilai literal, dan program akan mengeluarkannya secara langsung, output kedua adalah kerana ucapan adalah pembolehubah yang ditakrifkan dalam pengawal, jadi nilai yang sepadan dengan pembolehubah juga akan menjadi output, yang juga merupakan output; World; output ketiga Arahan atribut ng-bind terbina dalam angularjs digunakan Hasil akhir adalah bersamaan dengan {{}}, tetapi ambil perhatian bahawa arahan = diikuti oleh rentetan, jadi jangan buat kesilapan.

HelloController dalam js sepadan dengan arahan pada badan Parameter input $scope ialah perkhidmatan yang disediakan oleh rangka kerja, yang mewakili konteks pengawal semasa Terdapat perkhidmatan lain yang serupa yang akan disuntik oleh rangka kerja akan belajar tentang mereka nanti. Badan kaedah hanya mempunyai satu baris dan mentakrifkan pembolehubah pada $scope, iaitu pembolehubah yang dirujuk dalam kod html.

Artikel ini sangat mudah, hanya salin kod dan ia akan dijalankan. Ambil perhatian bahawa angular.min.js ialah versi terbaharu cawangan 1.2 Kod yang sama tidak boleh dijalankan dengan versi 1.3.0 Sebabnya mungkin berkaitan dengan 1.3.0 bukan versi Keluaran terakhir.