AngularJS Controller
AngularJS AngularJS Daten Controller - Anwendungen.
AngularJS Controller ist normal JavaScript - Objekt.
AngularJS Controller
AngularJS Anwendung ist Controller.
ng-Controller - Richtlinie definiert die Anwendungscontroller.
Der Regler ist ein JavaScript - Objekt durch den Konstruktor der Standard - JavaScript - Objekte erstellt.
AngularJS Beispiele
Name: <input type = "text" ng-Modell = "firstname"> <br>
Name: <input type = "text" ng-Modell = "nachName"> <br>
<Br>
Name: {{firstname + "" + nachName}}
</ Div>
<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'myCtrl', function ($ scope) {
$ Scope.firstName = "John";
$ Scope.lastName = "Doe";
});
</ Script>
Versuchen »
Anwendungsanalyse:
AngularJS Anwendungen durch die ng-App definiert. Anwendungen, die in <div> innen.
ng-Controller = "myCtrl"? Eigenschaft ist eine AngularJS Anweisung. Es wird verwendet, um einen Controller zu definieren.
myCtrl Funktion ist eine Funktion JavaScript.
AngularJS $ scope Objekt mit dem Controller zu nennen.
In den AngularJS ist $ scope eine Anwendung wie (Variablen und Funktionen der Anwendung gehören).
Controller $ scope (entspricht dem Umfang, der Regelbereich) AngularJS Modell (Modell) Objekte zu speichern.
Controller - Bereich erstellt zwei Eigenschaften (Vorname und Nachname).
ng-Modell Richtlinie binden Eingabefelder mit dem Attribut - Controller (Vorname und Nachname).
Controller-Methode
Das obige Beispiel zeigt ein Controller-Objekt und Vorname Nachname Eigenschaft mit den beiden.
Die Steuerung kann auch Methoden (Funktionen und Variablen) aufweisen:
AngularJS Beispiele
Name: <input type = "text" ng-Modell = "firstname"> <br>
Name: <input type = "text" ng-Modell = "nachName"> <br>
<Br>
Name: {{fullname ()}}
</ Div>
<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'personCtrl', function ($ scope) {
$ Scope.firstName = "John";
$ Scope.lastName = "Doe";
$ Scope.fullName = function () {
return $ scope.firstName + "" + $ scope.lastName;
}
});
</ Script>
Versuchen »
Externe Dateisteuerung
In großen Anwendungen ist die Steuerung in der Regel in einer externen Datei gespeichert.
Einfach ausgedrückt : <script> Tag Kopieren Sie den Code namens personController.js externe Datei sein kann:
AngularJS Beispiele
Vorname: <input type = " text" ng-Modell = "firstname"> <br>
Nachname: <input type = " text" ng-Modell = "nachName"> <br>
<Br>
Vollständiger Name: {{firstname + " " + nachName}}
</ Div>
<Script src = "personController.js"> </ script>
Versuchen »
andere Beispiele
Im folgenden Beispiel wird eine neue Controller-Datei:
$ Scope.names = [
{Name: "Jani", Land: "Norwegen"},
{Name: "Hege", Land: "Schweden"},
{Name: 'Kai', Land: "Dänemark"}
];
});
Speichern Sie die Datei als namesController.js :
Dann wird unter Verwendung der Steuerung in der Anwendungsdatei:
AngularJS Beispiele
<Ul>
<Li ng-repeat = "x in Namen">
{{X.name + ',' + x.country}}
</ Li>
</ Ul>
</ Div>
<Script src = "namesController.js"> </ script>
Versuchen »