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

时间:2016-05-10 13:34:31

标签: angularjs angular-ui-router ui-sref

国家

.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错误。

1 个答案:

答案 0 :(得分:1)

你几乎就在那里......首先是状态名称,然后是传递的参数对象

// 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,我创建了this plunker,这应该表明所有操作(即使父母有params和child也有自己的)