Latest web development tutorials

AngularJS Scope (Âmbito)

Âmbito (scope) é usado no link HTML (View) e JavaScript (controlador) entre.

Scope é um objeto, métodos e propriedades estão disponíveis.

Âmbito pode ser utilizado no modo de exibição e do controlador.

Como usar Âmbito

Quando você cria AngularJS controlador, você pode$ objeto de escopocomo um argumento:

AngularJS exemplos

Controlador atributos correspondentes aos atributos vista em:

<Div ng-app = "myApp " ng-controller = "myCtrl">

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

</ Div>

<Script>
var app = angular.module ( 'myApp' , []);

app.controller ( 'myCtrl', function ( $ escopo) {
$ Scope.carname = "Volvo";
});
</ Script>

tente »

Ao adicionar$ âmbito objetos no controlador, a vista (HTML) pode obter essas propriedades.

View, você não precisa adicionar o prefixo$ escopo, você só precisa adicionar um nome de atributo, tais como:{{carname}}.

âmbito Overview

aplicação AngularJS consiste no seguinte:

  • Vista (vista), que é HTML.
  • Model (modelo), a visão atual dos dados disponíveis.
  • Controller (Controlador), a função JavaScript, você pode adicionar ou modificar propriedades.

âmbito do modelo.

escopo é um JavaScript propriedades de objetos e métodos com esses atributos e métodos podem ser usados ​​em pontos de vista e controladores.

AngularJS exemplos

Se você alterar a vista, modelo e controlador serão atualizados:

<Div ng-app = "myApp " ng-controller = "myCtrl">

<Ng-modelo de entrada = "name ">

<H1> Meu nome é {{name}} </ h1 >

</ Div>

<Script>
var app = angular.module ( 'myApp' , []);

app.controller ( 'myCtrl', function ( $ escopo) {
$ Scope.name = "John Dow";
});
</ Script>

tente »

escopo escopo

Compreender o alcance que você está usando é muito importante.

Em ambos os casos, há apenas um escopo escopo, de modo que o processo é relativamente simples, mas em grandes projetos, HTML DOM tem vários âmbitos, então você precisa saber o alcance do escopo correspondente é o que você usa um.

AngularJS exemplos

Quando usamos o comandong-repeat, visitaram cada duplicata do objeto duplicado atual:

<Div ng-app = "myApp " ng-controller = "myCtrl">

<Ul>
<Li ng-repeat = "x em nomes"> {{x}} </ li>
</ Ul>

</ Div>

<Script>
var app = angular.module ( 'myApp' , []);

app.controller ( 'myCtrl', function ( $ escopo) {
Scope.names $ = [ "Emil", "Tobias", "Lino"];
});
</ Script>

tente »

Cada elemento<li> pode acessar os objetos duplicados atuais, aqui é uma corda correspondente e variável xindica.

âmbito Root

Todas as aplicações têm umUS $ rootScope, ele é aplicado a todos os elementos HTML directiva NG-appcontém.

$ RootScope pode agir em toda a aplicação.Cada controlador está no escopo da ponte. Rootscope com o valor definido em cada controlador pode ser utilizado em.

AngularJS exemplos

Quando você cria um controlador para US $ rootScope passado como um parâmetro pode ser usado na aplicação:

<Div ng-app = "myApp " ng-controller = "myCtrl">

<H1> {{Lastname}} Os membros da família: </ h1>

<Ul>
<Li ng-repeat = "x em nomes"> {{x}} {{sobrenome}} </ li>
</ Ul>

</ Div>

<Script>
var app = angular.module ( 'myApp' , []);

app.controller ( 'myCtrl', function ( $ âmbito, $ rootScope) {
Scope.names $ = [ "Emil", "Tobias", "Lino"];
RootScope.lastname $ = "Refsnes";
});
</ Script>

tente »