configuración angular (reproducida)

 Reimpreso de: http://blog.csdn.net/u014737138/article/details/50011051

El módulo angularJS puede configurarse antes de ser cargado y ejecutado   


El rol es: aplicar lógica diferente durante la fase de carga de la aplicación


Sabemos que el método para registrar un módulo es:

aplicación var = angular.module ("myApp", []);  

Este método toma dos parámetros, uno es el nombre de la plantilla, el otro es la lista de inyección de dependencias y la matriz está vacía, lo que indica que la plantilla registrada actualmente no requiere una relación de dependencia

Para las plantillas registradas de esta manera, el mecanismo angularJS creará una nueva plantilla,


Hay otra forma de obtener una plantilla.

aplicación var = angular.module ("myApp");  

Este método toma solo un parámetro, que es el nombre de la plantilla, que es fácil de entender, es decir, si hay esta plantilla en mi aplicación, entonces la plantilla configurada como esta se devuelve,

Pero tenga en cuenta que son la misma plantilla, si esta plantilla no existe en nuestra aplicación, arrojará una excepción


angular.module () crea, obtiene y registra módulos en angular

El   es un lugar global para crear, registrar y recuperar módulos angulares. Cuando se pasan dos o más argumentos, se crea un nuevo módulo. Si se pasa solo un argumento, se recupera un módulo existente (el nombre pasado como primer argumento  )angular.module()module


Además, la configuración de angularJS configurará la plantilla durante el registro y la configuración del proveedor,

En todo el flujo de trabajo angularJS, solo esta etapa puede ser el único lugar donde se puede modificar la aplicación


它的定义一般是这样的,使用方法,config


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

app.config(function(){

//

})


再来深刻理解  config的工作流程:

我们现在新建了一个模板:这个模板中有一个服务,一个自定义指令

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

app.fatory('myFactory',function(){

//利用工厂生产  创建一个 服务

var service = {};

return service;

});

app.directive('myDirectiive',function(){

//创建 一个 自定义指令

return {

template:'<div><button>click me</button></div>'

}

});


angularJS编译的流程是这样的:

var app = angular.module('myApp',[]);
app.config(function($provide,$compileProvider){
$provide.factory('myFactory',function(){
var service = {};
return service;
});
$compileProvider.directive('myDiretive',function(){
return {
template:'<div><button>click me</button></div>'
}
});
});


PS:angularJS会根据你定义的函数顺序来执行他们,


我们知道了angularJS以什么样的方式执行我们定义的服务,指令,变量,这就给我们带来一个问题,

什么样的东西,才会是在config()的时候被执行的呢,换句话说是这样的东西能够被注入到config里面呢


答案是:提供者 和常量


这里提供一个常量注入配置的例子:

app.config(function(gameProvider){

gameProvider.setType("War")

});

发布了7 篇原创文章 · 获赞 5 · 访问量 4120

Supongo que te gusta

Origin blog.csdn.net/blue_heart_/article/details/78710078
Recomendado
Clasificación