Come posso presentare una sottogruppo predefinito come mostrare quando sto usando l'ui-router angolare?
-
21-12-2019 - |
Domanda
Ho definito i seguenti stati:
var test = {
name: 'test',
url: '/test',
views: {
'page': {
templateUrl: '/Content/app/test/partials/page.html',
},
}
}
var testContent = {
name: 'test.content',
parent: 'test',
url: '/:content',
views: {
'page-content': {
templateUrl: function (stateParams) {
var isNumber = !isNaN(parseFloat(stateParams.content));
return isNumber ? '/Content/app/test/partials/detail.html' :
'/Content/app/test/partials/home.html'
}
}
}
}
.
Nel mio html ho:
<article class="container_12" >
<div data-ui-view="page"></div>
</article>
.
nella mia pagina.html ho:
<div data-ng-controller="TestPageController">
<div class="grid_3">
Menu stuff here
</div>
<div class="grid_9">
<div data-ui-view="page-content"></div>
</div>
</div>
.
Quello che vorrei sapere è se c'è un modo per la mia applicazione avere il display home.html all'interno del contenuto della pagina Quando selezionando solo l'URL: / Test
Soluzione
Puoi mettere ciò che vuoi all'interno di un ui-view
, e sarà il contenuto predefinito.
Una volta caricato una vista diversa, sostituirà il contenuto predefinito:
<div data-ng-controller="TestPageController">
<div class="grid_3">
Menu stuff here
</div>
<div class="grid_9">
<div data-ui-view="page-content">
<div ng-include="/Content/app/test/partials/home.html"></div>
</div>
</div>
</div>
. Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow