Шта је $ Сцопе у АнгуларЈС? Водич са примером

Преглед садржаја:

Anonim

Шта је $ опсег у АнгуларЈС?

$ сцопе у АнгуларЈС је уграђени објекат који у основи веже „контролер“ и „поглед“. У опсегу унутар контролера могу се дефинисати променљиве члана којима се затим може приступити из погледа.

Размотрите пример испод:

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

Објашњење кода:

  1. Назив модула је „апликација“
  2. Име контролера је "ХеллоВорлдЦнтрл"
  3. Објект опсега је главни објекат који се користи за прослеђивање информација од контролера до погледа.
  4. Променица члана је додата у објект опсега

Постављање или додавање понашања

Да бисмо реаговали на догађаје или извршили неку врсту израчунавања / обраде у приказу, морамо пружити понашање опсегу.

Понашања се додају у објекте опсега како би одговорили на одређене догађаје које може покренути поглед. Једном када је понашање дефинисано у контролеру, може му се приступити из погледа.

Погледајмо пример како то можемо постићи.

Guru99

Guru99 Global Event

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

Објашњење кода:

  1. Стварамо понашање под називом „пуно име“. Ово понашање је функција која прихвата 2 параметра (име, презиме).
  2. Понашање затим враћа спајање ова 2 параметра.
  3. У погледу који зовемо понашање и предајемо две вредности „Гуру“ и „99“, које се прослеђују као параметри понашању.

Ако се наредба успешно изврши, приказаће се следећи излаз када покренете свој код у прегледачу.

Излаз:

У прегледачу ћете видети повезивање обе вредности Гуру & 99 које су пренесене на понашање у контролеру.

Резиме

  • Различите променљиве члана могу се додати објекту опсега на које се затим може референцирати у приказу.
  • Понашање се може додати раду са догађајима који се генеришу за радње које извршава корисник.
  • Ангуларјс $rootScopeје опсег за целу апликацију. Апликација може имати само један $ роотСцопе и користи се као глобална променљива. У Ангулар ЈС-у, опсези су подређени, а $ роотСцопе је родитељски опсег