No he escrito nada durante mucho tiempo, y siento que no sé por dónde empezar a escribir cosas. Ahora será mejor que escriba algo técnico primero. Angularjs, mi hermano lo llamó "mi hermano JS"
1. Descargar
La copia del código es la siguiente:
官方网址:https://angularjs.org/
CDN:https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js
2. Breve introducción al uso de 1.ng-app
Determina el alcance de AngularJS, puede usarlo de la siguiente manera
La copia del código es la siguiente:
<html ng-app>
…
</html>
Deje que Angularjs rinde toda la página, también puede usarla
La copia del código es la siguiente:
<div ng-app = 'myApp'>
...
</div>
para representar una parte de él.
2.NG-Modelo
ng-model, cuando se cambia su modelo de datos, por ejemplo, ng-model = 'prueba', el valor de esta prueba se cambia, el valor de {{test}} también cambiará, es decir, la prueba conectada a ng-model también cambiará, de la siguiente manera
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<script src = "angular.min.js" type = "text/javascript"> </script>
<title> Learing Argularjs-widuu </title>
</ablo>
<cuerpo ng-app>
<input ng-model = 'test'> {{test}}
</body>
</html>
3.angular.módulo
Esto se usa principalmente para registrar, crear e indexar módulos. Por ejemplo, si queremos registrar esto como un servicio, debemos usarlo cuando nos referimos a indexar un módulo. También debemos usarlo cuando nos referimos al índice.
La copia del código es la siguiente:
angular.module (nombre, [requiere], [configFn]);
#Name El nombre del módulo de búsqueda creado por la cadena de tipo
#ReRes Una comprensión simple es el módulo de uso que debe incluir, como el módulo de enrutamiento Ngroute
#configfn El módulo de función opcional, las funciones son similares a Module.config
4.Controller
El controlador es el controlador de método (nombre, constructor); Donde el nombre es el nombre del controlador, el constructor es el constructor del controlador, usamos un código para ilustrar
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myApp', []);
app.controller ('mytest', function ($ scope) {
$ Scope.test = "Hello Word";
});
</script>
<title> Learing Argularjs-widuu </title>
</ablo>
<cuerpo ng-app = 'myapp' ng-confontroller = 'mytest'>
<input ng-model = 'test'> {{test}}
</body>
</html>
5. Valor
El valor también es el valor del método (nombre, objeto); donde el nombre es el nombre del servicio y el objeto es el objeto de instancia del servidor. En este momento, podemos modificar el código anterior para ser corregido así
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.Value ('testValue', 'palabra');
app.controller ('mytest', function ($ scope, testValue) {
$ scope.test = "hola"+ testValue;
});
</script>
<title> Learing Argularjs-widuu </title>
</ablo>
<cuerpo ng-app = 'myapp' ng-confontroller = 'mytest'>
<input ng-model = 'test'> {{test}}
</body>
</html>
5. Factory
La fábrica también es la fábrica de métodos (nombre, proveedor) ;; Donde el nombre es el nombre del servicio, ProviderFunction es una función utilizada para crear un nuevo objeto de servidor. En este momento, podemos modificar el código anterior para ser corregido así
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.value ('testValue', 'widuu')
.Factory ('testFactory', function (testValue) {
devolver{
lable: function () {
return "This Can Output: Hello"+ TestValue;
}
}
});
app.controller ('mytest', function ($ scope, testValue, testFactory) {
$ scope.test = "hola"+ testValue;
$ scope.output = testFactory.lable ();
});
</script>
<title> Learing Argularjs-widuu </title>
</ablo>
<cuerpo ng-app = 'myapp' ng-confontroller = 'mytest'>
<input ng-model = 'test'> {{test}}
</p>
{{producción}}
</body>
</html>
6.Provider
El proveedor también es el proveedor de métodos en Angular.Module Provider (Name, ProviderType); Donde el nombre es el nombre del servicio, y ProviderFunction es una función utilizada para crear un nuevo objeto de servidor. Esto es similar a la fábrica. Ahora lo estamos reescribiendo con el proveedor.
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.value ('testValue', 'widuu')
.Provider ('testProvider',
función(){
this.lable = "esto saldrá: hola widuu";
this. $ get = function () {
devolver esto;
}
}
);
app.controller ('mytest', function ($ scope, testValue, testProvider) {
$ scope.test = "hola"+ testValue;
$ scope.output = testProvider.lable;
});
</script>
<title> Learing Argularjs-widuu </title>
</ablo>
<cuerpo ng-app = 'myapp' ng-confontroller = 'mytest'>
<input ng-model = 'test'> {{test}}
</p>
{{producción}}
</body>
</html>
7.Servicio
El servicio también es el servicio de método (nombre, constructor); Donde el nombre es el nombre del servicio, el constructor es un constructor que será instanciado. Esto es similar a la fábrica. Ahora lo estamos reescribiendo con el servicio
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.value ('testValue', 'widuu')
.Service ('TestService',
función (testValue) {
this.lable = function () {
devolver "esto saldrá: hola"+testValue;
}
}
);
app.controller ('mytest', function ($ scope, testValue, testService) {
$ scope.test = "hola"+ testValue;
$ scope.output = testService.lable ();
});
</script>
<title> Learing Argularjs-widuu </title>
</ablo>
<cuerpo ng-app = 'myapp' ng-confontroller = 'mytest'>
<input ng-model = 'test'> {{test}}
</p>
{{producción}}
</body>
</html>
8. Constante
constante también es el método constante (nombre, objeto); donde el nombre es el nombre de la constante, y el objeto es el valor de la constante, podemos escribirlo así
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<script src = "angular.min.js" type = "text/javascript"> </script>
<script type = "text/javaScript">
var app = angular.module ('myapp', [])
.value ('testValue', 'widuu')
.constant ('cuenta', 23)
.Service ('TestService',
función (testValue, count) {
this.lable = function () {
return "esto saldrá: hola"+testValue+", la edad es"+recuento;
}
}
);
app.controller ('mytest', function ($ scope, testValue, testService) {
$ scope.test = "hola"+ testValue;
$ scope.output = testService.lable ();
});
</script>
<title> Learing Argularjs-widuu </title>
</ablo>
<cuerpo ng-app = 'myapp' ng-confontroller = 'mytest'>
<input ng-model = 'test'> {{test}}
</p>
{{producción}}
</body>
</html>
Eso es todo hoy y continúa haciéndolo más tarde.