Apakah Skop $ di AngularJS? Tutorial dengan Contoh

Isi kandungan:

Anonim

Apakah skop $ di AngularJS?

$ lingkup dalam AngularJS adalah objek terbina dalam yang pada dasarnya mengikat "pengawal" dan "pandangan". Seseorang dapat menentukan pemboleh ubah anggota dalam ruang lingkup dalam pengawal yang kemudian dapat diakses oleh pandangan.

Pertimbangkan contoh di bawah:

angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});

Penjelasan Kod:

  1. Nama modul adalah "aplikasi"
  2. Nama pengawal adalah "HelloWorldCntrl"
  3. Objek skop adalah objek utama yang digunakan untuk menyampaikan maklumat dari pengawal ke pandangan.
  4. Pemboleh ubah anggota ditambahkan ke objek skop

Menyiapkan atau menambah Tingkah Laku

Untuk bertindak balas terhadap peristiwa atau melakukan semacam pengiraan / pemrosesan dalam Tampilan, kita harus memberikan tingkah laku terhadap ruang lingkup.

Tingkah laku ditambahkan ke ruang lingkup objek untuk bertindak balas terhadap peristiwa tertentu yang mungkin dipicu oleh Tampilan. Setelah tingkah laku ditentukan dalam pengawal, ia dapat diakses dengan pandangan.

Mari kita lihat contoh bagaimana kita dapat mencapainya.

Guru99

Guru99 Global Event


{{fullName("Guru","99")}}

Penjelasan Kod:

  1. Kami membuat tingkah laku yang disebut "nama penuh". Tingkah laku ini adalah fungsi yang menerima 2 parameter (nama pertama, nama belakang).
  2. Tingkah laku kemudian mengembalikan gabungan 2 parameter ini.
  3. Pada pandangan kami memanggil tingkah laku dan memasukkan 2 nilai "Guru" dan "99" yang diteruskan sebagai parameter kepada tingkah laku tersebut.

Sekiranya arahan itu berjaya dilaksanakan, Output berikut akan ditunjukkan semasa anda menjalankan kod anda di penyemak imbas.

Pengeluaran:

Di penyemak imbas, anda akan melihat gabungan kedua-dua nilai Guru & 99 yang diteruskan ke tingkah laku dalam pengawal.

Ringkasan

  • Pelbagai pemboleh ubah anggota dapat ditambahkan ke objek skop yang kemudiannya dapat dirujuk dalam pandangan.
  • Tingkah laku dapat ditambahkan untuk bekerja dengan acara yang dihasilkan untuk tindakan yang dilakukan oleh pengguna.
  • Angularjs $rootScopeadalah ruang untuk keseluruhan aplikasi. Aplikasi hanya boleh mempunyai satu $ rootScope dan digunakan seperti pemboleh ubah global. Dalam JS sudut sudut $ skop kanak-kanak dan $ rootScope adalah skop induk