Latest web development tutorials

AngularJS Alcance (Scope)

Ámbito de aplicación (ámbito de aplicación) se utiliza en el enlace HTML (Ver) y JavaScript (controlador) entre.

Alcance es un objeto, métodos y propiedades están disponibles.

Ámbito de aplicación se puede utilizar en la vista y el controlador.

Modo de empleo Ámbito

Cuando se crea AngularJS controlador, puede$ object alcancecomo argumento:

AngularJS ejemplos

Controlador de atributos correspondientes a los atributos Ver en:

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

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

</ Div>

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

app.controller ( 'myCtrl', function ( $ ámbito de aplicación) {
$ Scope.carname = "Volvo";
});
</ Script>

Trate »

Al agregar$ alcance objetos en el controlador, la vista (HTML) se puede obtener estas propiedades.

Ver, no es necesario añadir el prefijo$ ámbito de aplicación, sólo tiene que añadir un nombre de atributo, comoporejemplo:{{}} carname.

Descripción alcance

AngularJS aplicación consiste en lo siguiente:

  • Ver (ver), es decir HTML.
  • El modelo (modelo), la visión actual de los datos disponibles.
  • Controller (Controlador), la función de JavaScript, se puede añadir o modificar las propiedades.

ámbito de aplicación del modelo.

ámbito de aplicación es un javascript propiedades y métodos con estos atributos y métodos de objeto pueden usarse en vistas y controladores.

AngularJS ejemplos

Si cambia la vista, el modelo y el controlador se actualizará:

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

<Entrada ng-modelo = "nombre ">

<H1> Mi nombre es {{nombre}} </ h1 >

</ Div>

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

app.controller ( 'myCtrl', function ( $ ámbito de aplicación) {
$ Scope.name = "John Dow";
});
</ Script>

Trate »

ámbito alcance

Comprender el alcance que está utilizando actualmente es muy importante.

En ambos casos, sólo hay un ámbito ámbito de aplicación, por lo que el proceso es relativamente simple, pero en grandes proyectos, HTML DOM tiene múltiples campos de acción, entonces lo que necesita saber el alcance del ámbito correspondiente es lo que se utiliza a.

AngularJS ejemplos

Cuando usamos el comandong-repetición, han visitado cada duplicado del objeto duplicado actual:

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

<Ul>
<Li ng-repeat = "x en los nombres"> {{x}} </ li>
</ Ul>

</ Div>

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

app.controller ( 'myCtrl', function ( $ ámbito de aplicación) {
$ Scope.names = [ "Emil", "Tobias", "Linus"];
});
</ Script>

Trate »

Cada elemento<li> se puede acceder a los objetos duplicados actuales, que aquí hay una cadena correspondiente, y la variable xindica.

ámbito raíz

Todas las aplicaciones tienen un$ rootScope, se aplica a todos los elementos HTML directiva aplicación ngcontiene.

$ RootScope puede actuar en toda la aplicación.Cada controlador está en el ámbito del puente. Rootscope con el valor definido en cada controlador puede utilizarse en.

AngularJS ejemplos

Cuando se crea un controlador de $ rootScope pasa como un parámetro se puede utilizar en la aplicación:

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

<H1> {{Lastname}} Familiares: </ h1>

<Ul>
<Li ng-repeat = "x en los nombres"> {{x}} {{apellido}} </ li>
</ Ul>

</ Div>

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

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

Trate »