Angularjs 命名视图的多个实例

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

<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"
})

$stateProvider
.state（“默认值”{
模板：“”
}
.州（“州1”{
url:“/state1”，
templateUrl:“partials/state1.html”
})

---

假设我有一个动态的、无限量的顶级div，我如何使

指向正确的ui视图？我真的不能全部命名？

这不太可能与ui路由器一起工作。为什么不使用指令？您的用例是什么？不完全确定指令如何解决这个问题：（想法是创建一个卡片ui（如每张卡代表一个城市）当你点击卡的一个元素（如天气按钮）时，卡上会显示一些其他内容（如该城市的天气）。现在如果一张卡在第二个视图（天气）中，另一张卡转换到该状态，我不希望第一张卡受到影响（如果巴黎卡在天气视图中，伦敦卡在天气视图中转换，我不希望巴黎受到影响）并且我总是希望卡返回到以前的状态（返回城市视图）ui路由器正在使用url工作，如果您不能用url表示您的状态，那么ui路由器可能无法执行您想要的操作。