Мне нужен способ динамической загрузки представления и относительного контроллера. Мое приложение будет содержать множество представлений и множество контроллеров. Я не хочу загружать определение всех контроллеров при настройке приложения, но я хочу загрузить представление и контроллер, который динамически управляет представлением.
Например:
/*index.html*/
<body>
<div ui-view></div>
<a ui-sref="state1">State 1</a>
<a ui-sref="state2">State 2</a>
</body>
/*<!-- partials/state1.html -->*/
<script>/* controller definition */</script>
<div ng-controller="Cont">
/* content of view */
</div>
/*app.js*/
var myApp = angular.module('myApp', ['ui.router']);
myApp.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('state1', {
url: "/state1",
templateUrl: "partials/state1.html"
});
});
OR
/*index.html*/
<body>
<div ui-view></div>
<a ui-sref="state1">State 1</a>
<a ui-sref="state2">State 2</a>
</body>
/*<!-- partials/state1.html -->*/
<div ng-controller="Cont">
/* content of view */
</div>
/*app.js*/
var myApp = angular.module('myApp', ['ui.router']);
myApp.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('state1', {
url: "/state1",
templateUrl: "partials/state1.html",
controller: /*Load the controller of state1 view*/
});
});
Когда я загружаю представление state1, я хочу загрузить относительный контроллер.