在AngluarJs中，可以利用LazyLoad方法可以异步的加载controller。在ui-router中写法如下：
1 .state('app.projectList', { 2 url: '/plist?page', 3 templateUrl: 'admin/projectList.html', 4 resolve: { 5 deps: ['$ocLazyLoad', 6 function ($ocLazyLoad) { 7 return $ocLazyLoad.load('admin/projectList_ctrl.js'); 8 } 9 ] 10 } 11 }) 在上述代码中，templateUrl是模板页面，projectList_ctrl.js中设置了controller。
同时，在ui-router中给出，利用resolve可以对contorller需要的数据进行预加载。这样就不用在controller中异步的去等待数据的载入。可以参考，或者
但是，如果采用异步加载控制器的方式，就会提示错误：
Error: $injector:unpr Unknown Provider:
这样因为，在页面中，采用了ng-controller的方式进行绑定，所以就无法借助resolve方法进行数据预加载。
为了解决这种办法，可以采用如下方法：
1 resolve: { 2 myData:function($http){ 3 ... ... 4 }, 5 deps: ['$ocLazyLoad','myData', 6 function ($ocLazyLoad,myData) { 7 app.constant('myData',myData); 8 return $ocLazyLoad.load('admin/projectList_ctrl.js'); 9 } 10 ] 11 12 }, 也就是先让deps依赖myData，然后，在加载加载controller之前，手动的将数据注册为常量或者变量，在angluarjs中，常量变量也是Provider 。 这样在controller中就能通过加载依赖，获取到myData的值了。