带有多个url paramas的ui-sref

Question

如何使用ui-router生成以下链接：

.state('main.mystate', {
  url: '/foo/:val1/bar/:val2',
  templateUrl: 'app/components/space/spaceDetails.tpl.html',
  controller: 'SpaceDetailsCtrl'
})

这不起作用：

<a ui-sref=".mystate({foo : '{{val1}}', bar : '{{val2}}'}">{{name}}</a>

Answer 1

在您定义的状态中，您只有2个变量， val1 和 val2 ，因此您必须使用该键将对象传递给ui-sref

<a ui-sref="main.mystate({val1: 123, val2: 456})">{{name}}</a>

现在SpaceDetailsCtrl您可以$stateParams.val1访问 val1 请注意，我从ui-sref中删除了 foo 变量，因为它未被使用。