samedi 29 novembre 2014

Can not render child states of abstract state with ui router


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