angularjs Kontrolery
Angularjs angularjs aplikacji administratora danych.
Angularjs sterownik jest normalny obiekt JavaScript.
angularjs Kontrolery
Angularjs aplikacja jest kontroler.
Dyrektywa definiuje ng kontroler kontroler aplikacji.
Kontroler jest obiektem JavaScript stworzony przez konstruktora standardowych obiektów JavaScript.
angularjs przykłady
Nazwa: <input type = "text" ng model = "firstName"> Największa
Nazwisko: <input type = "text" ng model = "lastName"> Największa
Największa
Nazwa: {{firstName + "" + lastName}}
</ Div>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl ', function ($ zakres) {
$ Scope.firstName = "John";
$ Scope.lastName = "Kowalski";
});
</ Script>
Spróbuj »
Analiza Zastosowanie:
Angularjs aplikacje zdefiniowane przez NG-app. Aplikacje działające w <div> wewnątrz.
ng-controller = "myCtrl"? Obiekt jest instrukcją angularjs. jest stosowany do określenia regulatora.
Funkcja myCtrl jest funkcją JavaScript.
Angularjs użyciu obiektu $ zakres zadzwonić kontrolera.
W angularjs, $ zakres jest aplikacja podobne (zmiennych i funkcji należących do wniosku).
Kontroler $ Zakres (odpowiednik zakresu, zakres regulacji), aby zapisać angularjs Model (Model) obiektów.
Zakres Kontroler utworzone dwie właściwości (imię i nazwisko).
ng model pola wprowadzania dyrektywy powiązania z kontrolerem atrybutu (imię i nazwisko).
metoda Controller
Powyższy przykład ilustruje przedmiot kontrolera i mienia Imię Nazwisko z nimi.
Regulator może mieć również metody (funkcje i zmienne):
angularjs przykłady
Nazwa: <input type = "text" ng model = "firstName"> Największa
Nazwisko: <input type = "text" ng model = "lastName"> Największa
Największa
Nazwa: {{fullname ()}}
</ Div>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "personCtrl ', function ($ zakres) {
$ Scope.firstName = "John";
$ Scope.lastName = "Kowalski";
$ Scope.fullName = function () {
return $ scope.firstName + "" + $ scope.lastName;
}
});
</ Script>
Spróbuj »
Sterownik zewnętrzny plik
W dużych aplikacji, kontroler jest zwykle przechowywany w zewnętrznym pliku.
Mówiąc najprościej <script> tag skopiować kod nazwany personController.js zewnętrzny plik może być:
angularjs przykłady
Imię: <input type = " text" ng model = "firstName"> Największa
Nazwisko: <input type = " text" ng model = "lastName"> Największa
Największa
Imię i nazwisko: {{firstName + " " + lastName}}
</ Div>
<Script src = "personController.js"> </ script>
Spróbuj »
Inne przykłady
Poniższy przykład tworzy nowy plik kontrolera:
$ Scope.names = [
{Nazwa: "Jani", kraj: "Norwegia"},
{Nazwa: "Hege", państwo: "Szwecja"},
{Nazwa: "Kai", kraj: "Dania"}
];
});
Zapisz plik jako namesController.js :
Następnie za pomocą kontrolera w pliku danych:
angularjs przykłady
<Ul>
<Li ng-repeat = "x w nazwach">
{{X.name + ',' + x.country}}
</ Li>
</ Ul>
</ Div>
<Script src = "namesController.js"> </ script>
Spróbuj »