angular ui-router多个命名视图实例

Question

我有一个彼此独立的命名视图的多个实例。我希望他们能独立拥有国家。如果在视图中发生操作会触发状态更改，我不希望它影响其他视图

<div>
    <a ui-sref="state1"></a>
    <div ui-view></div>
<div>
<div>
    <a ui-sref="state1"></a>
    <div ui-view></div>
<div>
<div>
    <a ui-sref="state1"></a>
    <div ui-view></div>
<div>

和js：

$stateProvider
.state("default", {
  template: "<div ui-view></div>"
}
.state('state1', {
  url: "/state1",
  templateUrl: "partials/state1.html"
})

假设我有一个动态且无限量的顶级div，我如何使<a>目标成为正确的ui-view？我真的无法将它们全部命名？