Latest web development tutorials

Angularjs Scope (Zakres)

Zakres (zakres) jest stosowany w łącza HTML (Widok) oraz JavaScript (kontroler) pomiędzy.

Zakres jest przedmiot, metody i właściwości są dostępne.

Zakres może być stosowany w widoku i kontrolera.

Jak używać Scope

Podczas tworzenia angularjs kontrolera można$ object zakresjako argument:

angularjs przykłady

Kontroler atrybuty odpowiadające atrybutów widok na:

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

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

</ Div>

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

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

Spróbuj »

Podczas dodawania$ zakres obiektów w kontrolerze, widok (HTML) można uzyskać te właściwości.

Zobacz, nie trzeba dodać$ zakres prefiks, trzeba tylko dodać nazwę atrybutu, takie jak:{{carname}}.

Przegląd zakres

Angularjs Aplikacja składa się z następujących elementów:

  • (Widok), to jest HTML.
  • Model (Model), aktualny widok na dostępnych danych.
  • Kontroler (Controller), funkcja JavaScript można dodawać lub modyfikować właściwości.

Zakres model.

Zakres jest JavaScript, właściwości obiektów i metod z tych atrybutów i metod może być stosowany w widoków i kontrolerów.

angularjs przykłady

Po zmianie widoku model i sterownik zostanie zaktualizowany:

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

<Ng model wejściowy = "name ">

<H1> Nazywam się {{nazwa}} </ h1 >

</ Div>

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

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

Spróbuj »

zakres zakres

Zrozumieć zakres używanego obecnie jest bardzo ważne.

W obu przypadkach, istnieje tylko jeden zakres zakres, więc proces jest stosunkowo prosta, ale w dużych projektach, HTML DOM posiada wiele zakresów, to trzeba wiedzieć, zakres analogicznym zakresie jest to, czego używasz a.

angularjs przykłady

Gdy używamyng-powtarzania polecenia, odwiedził każdą kopię bieżącego duplikatu obiektu:

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

<Ul>
<Li ng-repeat = "x w nazwach"> {{x}} </ li>
</ Ul>

</ Div>

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

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

Spróbuj »

Każdy<li> element może uzyskać dostęp do aktualnych duplikaty obiektów, tutaj jest odpowiedni ciąg, a zmienna xwskazuje.

zakres korzeń

Wszystkie aplikacje mają$ rootScope, to stosuje się do wszystkich elementów HTML dyrektywy NG-aplikacjazawiera.

$ RootScope może działać na całej aplikacji.Każdy kontroler jest w zakresie mostu. Rootscope z wartości zdefiniowanych w każdym sterownik może być użyty.

angularjs przykłady

Podczas tworzenia kontrolera do $ rootScope przekazany jako parametr może być używany w aplikacji:

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

<H1> {{}} Nazwisko Członkowie rodziny: </ h1>

<Ul>
<Li ng-repeat = "x w nazwach"> {{x}} {{lastname}} </ li>
</ Ul>

</ Div>

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

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

Spróbuj »