在大型应用程序中，我们如何在需要时延迟加载模块、控制器、服务而不加载 index.html 中的那些。这里我指的是在相关的模板html中加载整个js，而不是在index.html中。（可能是具有模块、多个控制器、服务、给定功能的指令或具有多个控制器或服务的单个 js 文件的不同 js）
我不想使用 RequireJs。但是，我正在寻找角度本身的解决方案。
angular.module( 'my-second-module', ['ui.router'])
.config(function config($stateProvider) {
$stateProvider
.state('mainscreen', {
url: "/mainscreen",
templateUrl: "app/MyMain.tpl.html"
})
.state('mainscreen.sub', {
url: "/sub",
controller: 'subCtrl',
templateUrl: "app/sub.tpl.html"
})
})
.controller( 'subCtrl', function contractCtrl
($scope,$http,$route,$location) {
})
.controller( 'subTwoCtrl', function newContractCtrl($scope,someService,$http,$templateCache) {
.filter('myTypeFilter',function(){
return function (input,value){
return 'Normal';
};
})
.service('newService', function () {
var selectedContract = [];
var hotelObject=[{}];
return {
notes:function () {
},
addNote:function (noteTitle) {
}
};
})
.directive('autocomplete', function($parse) {
return function(scope, element, attrs) {
var setSelection = $parse(attrs.selection).assign;
scope.$watch(attrs.autocomplete, function(value) {
element.autocomplete({
source: value,
select: function(event, ui) {
setSelection(scope, ui.item.value);
scope.$apply();
}
});
});
};
})
.factory('restService', function(commonService) {
return {
setReturnMessage: function(res) {
};
})
});