Angularjs 具有多个url参数的ui sref

如何使用ui路由器生成以下链接：

.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>

{{name}

在您定义的状态中，您只有两个变量val1和val2，所以您必须使用该键将对象传递给

ui sref

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

{{name}

现在，在

SpaceDetailsCtrl

中，您可以通过

$stateParams.val1

注意，我从

ui sref

中删除了foo变量，因为它没有被使用