Latest web development tutorials

AngularJS Scope (Область)

Область применения (сфера применения) используется в ссылке HTML (View) и JavaScript (контроллер) между ними.

Область является объектом, методы и свойства доступны.

Область применения может быть использован в целях и контроллера.

Как пользоваться Scope

При создании AngularJS контроллера, вы можете$ объект области видимостив качестве аргумента:

AngularJS примеры

Контроллер атрибутов, соответствующих атрибутов просмотра на:

<Div нг-приложение = "MyApp " нг-контроллер = "myCtrl">

<H1> {{carname}} </ h1>

</ Div>

<Script>
вар приложение = angular.module ( 'MYAPP' , []);

app.controller ( 'myCtrl', функция ( $ сфера) {
$ Scope.carname = "Вольво";
});
</ Script>

Попробуйте »

При добавлении$ объем объектов в контроллере, вид (HTML) могут получить эти свойства.

Просмотр, вам не нужно добавлять префикс$ сферу, вам нужно всего лишь добавить имя атрибута, например:{{carname}}.

Область применения Обзор

AngularJS приложение состоит из следующих действий:

  • Просмотр (просмотр), то есть HTML.
  • Модель (модель), текущий вид имеющихся данных.
  • Контроллер (Controller), функция JavaScript, вы можете добавить или изменить свойства.

сфера применения модели.

сфера является свойства объекта JavaScript и методы с этими атрибутами и методами можно использовать в представлениях и контроллеров.

AngularJS примеры

Если изменить вид, модель и контроллер будет обновляться:

<Div нг-приложение = "MyApp " нг-контроллер = "myCtrl">

<Input нг-модель = "имя ">

<H1> Меня зовут {{имя}} </ h1 >

</ Div>

<Script>
вар приложение = angular.module ( 'MYAPP' , []);

app.controller ( 'myCtrl', функция ( $ сфера) {
$ Scope.name = "Джон Доу";
});
</ Script>

Попробуйте »

Сфера Сфера

Понять масштабы, которую вы используете очень важно.

В обоих случаях существует только одна сфера охвата, поэтому процесс относительно прост, но в крупных проектах, HTML DOM имеет несколько областей, то вам необходимо знать объем соответствующей сферы является то, что вы используете а.

AngularJS примеры

Когда мы используем командунг-повтора, посетили каждую копию текущего объекта дубликат:

<Div нг-приложение = "MyApp " нг-контроллер = "myCtrl">

<Ul>
<Li нг-повтор = "х в именах"> {{х}} </ li>
</ UL>

</ Div>

<Script>
вар приложение = angular.module ( 'MYAPP' , []);

app.controller ( 'myCtrl', функция ( $ сфера) {
$ Scope.names = [ "Эмиль", "Тобиас", "Linus"];
});
</ Script>

Попробуйте »

Каждый элемент<li> может получить доступ текущие объекты дубликаты, вот соответствующую строку, а переменная хуказывает на то .

Корневая сфера

Все приложения имеют$ rootScope, он применяется ко всем HTML элементам директивы нг-приложениесодержит.

$ RootScope может воздействовать на все приложение.Каждый контроллер находится в области видимости моста. Rootscope со значением, определенным в каждом контроллере может быть использован в.

AngularJS примеры

При создании контроллера до $ rootScope передается в качестве параметра можно использовать в приложении:

<Div нг-приложение = "MyApp " нг-контроллер = "myCtrl">

<H1> {{LASTNAME}} Члены семьи: </ h1>

<Ul>
<Li нг-повтор = "х в именах"> {{х}} {{}} Lastname </ li>
</ UL>

</ Div>

<Script>
вар приложение = angular.module ( 'MYAPP' , []);

app.controller ( 'myCtrl', функция ( $ сфера, $ rootScope) {
$ Scope.names = [ "Эмиль", "Тобиас", "Linus"];
$ RootScope.lastname = "Refsnes";
});
</ Script>

Попробуйте »