Ich habe schon lange nichts mehr geschrieben und ich habe das Gefühl, dass ich nicht weiß, wo ich anfangen soll, Dinge zu schreiben. Jetzt würde ich besser zuerst etwas Technisches schreiben. Angularjs, mein Bruder nannte es "mein Bruder JS"
1. Download
Die Codekopie lautet wie folgt:
官方网址：https://angularjs.org/
CDN：https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js
2. kurze Einführung in die Verwendung von 1.Ng-Apps
Bestimmt den Umfang von AngularJs, Sie können ihn wie folgt verwenden
Die Codekopie lautet wie folgt:
<html ng-App>
…
</html>
Lassen Sie AngularJs die gesamte Seite rendern, Sie können sie auch verwenden
Die Codekopie lautet wie folgt:
<div ng-App = 'MyApp'>
...
</div>
einen Teil davon zu machen.
2.NG-Modell
NG-Modell ändert sich auch, wenn Ihr Datenmodell geändert wird, beispielsweise ng-model = 'test'
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<script src = "Angular.min.js" type = "text/javaScript"> </script>
<title> Lernen argularjs--widuu </title>
</head>
<Body Ng-App>
<Eingabe ng-model = 'test'> {{{test}}
</body>
</html>
3.angular.module
Dies wird hauptsächlich zum Registrieren, Erstellen und Indexmodulen verwendet. Wenn wir dies beispielsweise als Dienst registrieren möchten, müssen wir ihn verwenden, wenn wir uns auf das Index eines Moduls verweisen. Wir müssen es auch verwenden, wenn wir uns auf den Index beziehen.
Die Codekopie lautet wie folgt:
Angular.module (Name, [erfordert], [configFn]);
#NAMEN SIE DEN NAME des Suchmoduls, das nach Typ String erstellt wurde
#Einfaches Verständnis ist das Verwendungsmodul, das Sie einbeziehen müssen, z. B. das Ngroute -Routing -Modul
#ConFigfn Das optionale Funktionsmodul sind ähnlich wie modul.config
4.Kontroller
Controller ist der Method Controller (Name, Konstruktor); Wenn der Name der Name des Controllers ist, der Konstruktor ist der Controller -Konstruktor, verwenden wir einen Code, um zu veranschaulichen
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<script src = "Angular.min.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', []);
app.controller ('myTest', Funktion ($ scope) {
$ scope.test = "Hallo Wort";
});
</script>
<title> Lernen argularjs--widuu </title>
</head>
<Body ng-App = 'MyApp' ng-controller = 'myTest'>
<Eingabe ng-model = 'test'> {{{test}}
</body>
</html>
5. Value
Wert ist auch der Methodenwert (Name, Objekt); Wo Name der Name des Dienstes und des Objekts ist, ist das Serverinstanzobjekt. Zu diesem Zeitpunkt können wir den oben genannten Code so ändern, dass dies so korrigiert werden soll
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<script src = "Angular.min.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.Value ('TestValue', 'Wort');
app.controller ('myTest', Funktion ($ scope, testValue) {
$ scope.test = "hello"+ testValue;
});
</script>
<title> Lernen argularjs--widuu </title>
</head>
<Body ng-App = 'MyApp' ng-controller = 'myTest'>
<Eingabe ng-model = 'test'> {{{test}}
</body>
</html>
5. Faktor
Fabrik ist auch die Methode Factory (Name, Anbieterfunktion) ;; Wenn der Name der Name des Dienstes ist, ist Anbieterfunktion eine Funktion, mit der ein neues Serverobjekt erstellt wird. Zu diesem Zeitpunkt können wir den oben genannten Code so ändern, dass dies so korrigiert werden soll
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<script src = "Angular.min.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.Value ('TestValue', 'WiduU')
.Faktorisch ('TestFactory', Funktion (TestValue) {
zurückkehren{
lable: function () {
zurück "this Can Output: Hallo"+ testvalue;
}
}
});
App.Controller ('myTest', Funktion ($ scope, testValue, testfactory) {
$ scope.test = "hello"+ testValue;
$ scope.output = testfactory.lable ();
});
</script>
<title> Lernen argularjs--widuu </title>
</head>
<Body ng-App = 'MyApp' ng-controller = 'myTest'>
<Eingabe ng-model = 'test'> {{{test}}
</p>
{{Ausgabe}}
</body>
</html>
6.Provider
Anbieter ist auch der Methodeanbieter in Angular.module Provider (Name, ProviderType); Wo Name der Name des Dienstes ist und Anbieterfunktion eine Funktion zum Erstellen eines neuen Serverobjekts verwendet. Dies ähnelt der Fabrik. Wir schreiben es jetzt mit Anbieter um.
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<script src = "Angular.min.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.Value ('TestValue', 'WiduU')
.Provider ('testProvider',
Funktion(){
this.lable = "Dies wird ausgegeben: Hallo WiduU";
Dies. $ get = function () {
gib dies zurück;
}
}
);
App.Controller ('myTest', Funktion ($ scope, testValue, testProvider) {
$ scope.test = "hello"+ testValue;
$ scope.output = testProvider.lable;
});
</script>
<title> Lernen argularjs--widuu </title>
</head>
<Body ng-App = 'MyApp' ng-controller = 'myTest'>
<Eingabe ng-model = 'test'> {{{test}}
</p>
{{Ausgabe}}
</body>
</html>
7. Servic
Service ist auch der Methodendienst (Name, Konstruktor); Wenn der Name der Name des Dienstes ist, ist der Konstruktor ein Konstruktor, der instanziiert wird. Dies ähnelt der Fabrik. Wir schreiben es jetzt mit Service um
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<script src = "Angular.min.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.Value ('TestValue', 'WiduU')
.Service ('TestService',
Funktion (TestValue) {
this.lable = function () {
zurück "this wird ausgeben: Hallo"+testvalue;
}
}
);
App.Controller ('myTest', Funktion ($ scope, testValue, testService) {
$ scope.test = "hello"+ testValue;
$ scope.output = testService.lable ();
});
</script>
<title> Lernen argularjs--widuu </title>
</head>
<Body ng-App = 'MyApp' ng-controller = 'myTest'>
<Eingabe ng-model = 'test'> {{{test}}
</p>
{{Ausgabe}}
</body>
</html>
8. Konstant
Konstante ist auch die Methodenkonstante (Name, Objekt); Wenn der Name der Name der Konstante ist und das Objekt der Wert der Konstante ist, können wir ihn so schreiben
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<script src = "Angular.min.js" type = "text/javaScript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.Value ('TestValue', 'WiduU')
.Constant ('Count', 23)
.Service ('TestService',
Funktion (testValue, count) {
this.lable = function () {
Rückgabe "Dies wird Ausgabe: Hallo"+testValue+", Alter"+zählen;
}
}
);
App.Controller ('myTest', Funktion ($ scope, testValue, testService) {
$ scope.test = "hello"+ testValue;
$ scope.output = testService.lable ();
});
</script>
<title> Lernen argularjs--widuu </title>
</head>
<Body ng-App = 'MyApp' ng-controller = 'myTest'>
<Eingabe ng-model = 'test'> {{{test}}
</p>
{{Ausgabe}}
</body>
</html>
Das ist alles heute und tun es später weiter.