Foundation for Apps 中具有多个 children 和多个参数的动态路由

Question

我正在尝试使用 Foundation for Apps 进行动态路由，但我无法找到如何在 child 为 child 的路由中使用多个参数。路线将是：

issues/:issueType/issueDetail/:issueId

例如：

issues/severe/issueDetail/123

为了调用 Foundation 中的路径之一，应该是

<a ui-sref="issues({issueType: 'severe'})"> Severe Issues </a>

我猜测（这是不正确的）用参数调用多个 children 是：

<a ui-sref="issues({issueType: 'severe'}).issueDetail({issueId: '123'})"> Issue 123 </a>

现在我意识到调用 issues/issueDetail/123 可能比包含第一个参数更有意义，但可能存在问题 ID 仅对问题类型唯一的情况，或者事实上我返回时希望 $stateParams 包含两个参数。

如有任何帮助，我们将不胜感激！

Answer 1

您可以为每条路线指定一个州。

.state( 'issues', { url: '/issues' }, ...)
.state( 'issuesType', { url: '/issues/:issueType' }, ...)
.state( 'issuesDetail', { url: '/issues/:issueType/:issueId' }, ...)

这可以使用 "nested" 或 "abstract" 状态进一步简化。 (Here is a video tutorial on abstract states in ui-router)

Foundation for Apps 中具有多个 children 和多个参数的动态路由

Dynamic routing in Foundation for Apps with multiple children and multiple parameters

zurb-foundation

angularjs

angular-ui-router