Link 使用 ui-sref 到带有参数的子状态

Question

州

.state('event.detail', {
    url: '/:id',
    views: {
        'event-detail': {
            controller: EventDetail,
            templateUrl: ...
        }
    }
})
.state('event.detail.info', {
    url: '/info',
    views: {
        'event-info': {
            templateUrl: ...
        }
    }
})
.state('event.detail.map', {
    url: '/map',
    views: {
        'event-map': {
            templateUrl: ...
        }
    }
})

ui-sref

<a ui-sref="event.detail({id: event.id}).map">Map</a>

这给我一个 Invalid state ref 错误。

Answer 1

你快完成了...首先是状态名称，然后是参数object 已通过

// instead of this
<a ui-sref="event.detail({id: event.id}).map">Map</a>
// create this
<a ui-sref="event.detail.map({id: event.id})">Map</a>

有有点相似 Q & A, where I created this plunker，这应该表明所有在行动（即使parent有参数和child有自己的)

Link 使用 ui-sref 到带有参数的子状态

Link to a child state with a param using ui-sref

angularjs

angular-ui-router

ui-sref