详解angularjs利用ui-route异步加载组件

ui-route相比于angularjs的原生视图路由更好地支持了路由嵌套，状态转移等等。随着视图不断增加，打包的js体积也会越来越大，比如我在应用里面用到了首先看一下路由加载文件这个是路由状态的一个声明文件，name,url,param字段的方式不变，关键是看resolve这个部分。根据ui-route的resolve文档,resolve是为了给state或者controller进行自定义注入对象的。下面是举出文档中关于resolve的例子：我们可以看到resolve的对象是支持Promise的。再回到我们之前的代码templateProvider和controllerProvider我们注入了resources的模板对象和controller对象，onEnter和onExit注入了css模块。可以在require里面将服务注入，如代码中的message.js。而为了将服务进行异步加载我们不能用普通的.factory或者.service。