Ui-router使用父视图但不作为布局

Question

你好我定义了这个状态：

.state('locations', {
    url: '/locations',
    templateUrl: '/templates/locations/index.html',
    controller: 'LocationsCtrl'
 })
.state('locations.show', {
    url: '/{location_id}',
    templateUrl: '/templates/locations/show.html'
});

如何让/templates/locations/index.html显示所有位置的列表， 但templates/locations/show.html显示位置视图，但未嵌套在index.html视图中。基本上我想要嵌套的路线，而不是视图。

Answer 1

我刚刚开发了一个类似于你的例子

.state('overview', { url: '/all', templateUrl: '_/partial/overview/all.html', controller: 'homeCtrl' })

.state('places', { url: '/:id/place', templateUrl: '_/partial/details/detail-place.html', controller: function($scope, $stateParams) { $scope.path = $scope.paths[$stateParams.id]; } })

在你的情况下

.state('locations', { url: '/locations', templateUrl: '/templates/locations/index.html', controller: 'LocationsCtrl' })

.state('show', { url: '/{location_id}', templateUrl: '/templates/locations/show.html' });

这意味着显示状态不应嵌套在位置下。