Vote count:
0
I have prepared a plunker here to see my problem:
http://plnkr.co/edit/GMfMcXgHguYjFYoxWEaM?p=preview
The problem is that these 3 defined states with angular-ui-router does not render the html partials at all probably they are put at the wrong place...
Its an abstract state called main with 2 child states main.projects and main.settings which should be rendered into the administration area as 2 (projects and settings) vertical bootstrap tabs.
I get no errors in my browser console.
What do I wrong?
<body>
<div ui-view="outer" class="wrapper">
<header class="aside">Logo</header>
<div ui-view="menu" id="menu" class="aside"></div>
<div ui-view="content" class="main">
</div>
</div>
</body>
$urlRouterProvider.otherwise('/projects');
$stateProvider
.state("main", {
abtract: true,
url: "",
views: {
'menu@""': {
template: 'bla'
},
'content@': {
templateUrl: "administration.html",
controller: 'AdministrationController'
}
}
})
.state("main.settings", {
url: "/settings",
views: {
'menu@""': {
template: 'Start your settings!'
},
'@main': {
templateUrl: "settings.html",
controller: 'SettingsController'
}
}
})
.state('main.projects', {
url: '/projects',
views: {
'menu@""': {
template: 'Start your projects!'
},
'@main': {
templateUrl: "projects.html",
controller: 'ProjectsController'
}
}
})
asked 54 secs ago
Can not render child states of abstract state with ui router
Aucun commentaire:
Enregistrer un commentaire