Ich habe durch mehrere ähnliche Fragen hier auf diesem und habe immer noch nicht herausfinden, was ich falsch mache. Ich möchte eine Ansicht in eine Ansicht laden (die sich auch in einer anderen Ansicht befindet).Angular UI Router verschachtelte Ansichten zeigen nichts
Der Code in rules.html
wird nicht angezeigt. Missverstehe ich die Konzepte hinter dem UI-Router?
Im firefox Entwicklerkonsole ich bin einfach <!-- uiView: rules -->
bekommen
index.html
<body ng-app="App">
<div class="container" ui-view="container" ></div>
</body>
Parent.html
<div>
//some wrapper stuff
<div ui-view="parent"></div>
</div>
edit-entity.html
<div ng-controller="ProjectManagerController as data">
// other code showing fine
<div ui-view="rules"></div>
// other code showing fine
</div>
rules.html
<div>TEST CODE</html>
app.js
$stateProvider
.state('app', {
views: {
'container': {
templateUrl: 'views/parent.html?nd=' + Date.now(),
controller: 'MainController as data'
}
}
})
.state('edit-entity', {
parent: 'app',
url: '/entity/{id:int}/edit',
views: {
'parent': {
templateUrl: 'views/entity-edit.html?nd=' + Date.now(),
controller: 'MainController as main'
}
}
})
.state('rules', {
parent: 'edit-entity',
views: {
'rules': {
templateUrl: 'views/rules.html?nd=' + Date.now(),
controller: 'MainController as data'
}
}
});
EDIT: Ich habe versucht, auch rules.entity
Hat meine Lösung Ihr Problem lösen? –