Kas yra „$ Scope“ „AngularJS“? Pamoka su pavyzdžiu

Turinys:

Anonim

Kas yra „$“ taikymo sritis „AngularJS“?

$ sritis AngularJS yra įmontuotas objektas, kuris iš esmės susieja „valdiklį“ ir „rodinį“. Valdiklyje galima apibrėžti narių kintamuosius, kuriuos galima pasiekti rodinyje.

Apsvarstykite toliau pateiktą pavyzdį:

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

Kodo paaiškinimas:

  1. Modulio pavadinimas yra „programa“
  2. Valdiklio pavadinimas yra „HelloWorldCntrl“
  3. Apimties objektas yra pagrindinis objektas, naudojamas perduoti informaciją iš valdiklio į rodinį.
  4. Narės kintamasis pridėtas prie srities objekto

Elgesio nustatymas arba pridėjimas

Norėdami reaguoti į įvykius arba atlikti tam tikrą skaičiavimą / apdorojimą rodinyje, turime nurodyti, kaip elgtis.

Elgesys pridedamas prie srities objektų, kad būtų reaguojama į konkrečius įvykius, kuriuos gali sukelti rodinys. Kai valdiklyje yra apibrėžta elgsena, prie jo galima prisijungti rodinyje.

Pažvelkime į pavyzdį, kaip mes galime tai pasiekti.

Guru99

Guru99 Global Event

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

Kodo paaiškinimas:

  1. Kuriame elgesį, pavadintą „fullName“. Tai yra funkcija, kuri priima 2 parametrus (vardas, pavardė).
  2. Tada elgesys grąžina šių 2 parametrų sujungimą.
  3. Rodinyje mes vadiname elgesį ir perduodame 2 „Guru“ ir „99“ reikšmes, kurios perduodamos kaip elgesio parametrai.

Jei komanda sėkmingai vykdoma, paleidus kodą naršyklėje bus rodoma ši išvestis.

Išvestis:

Naršyklėje pamatysite „Guru & 99“ verčių, kurios buvo perduotos valdiklio elgsenai, sujungimą.

Santrauka

  • Į srities objektą galima pridėti įvairių narių kintamuosius, į kuriuos tada galima nurodyti rodinyje.
  • Elgesys gali būti pridėtas prie darbo su įvykiais, kurie sugeneruojami atliekant vartotojo veiksmus.
  • „Angularjs“ $rootScopeyra visos programos taikymo sritis. Programa gali turėti tik vieną $ rootScope ir naudojama kaip visuotinis kintamasis. Kampiniame JS $ taikymo sritis yra vaiko sritis, o $ rootScope yra tėvų sritis