Question

我使用ui-sref进行路由，具体取决于状态。目前我在父级内获取子视图作为层次结构。我想将子视图分配给父视图。当前状态如下plunker。

[链接] [// plnkr.co/edit/fpsTWglicbcGMotJIlll]

点击点击后，我希望看到欢迎。

Answer 1

如果我正确地理解了你的问题，问题是你作为tab1的孩子有内心...所以它显示在tab1的ui视图中。如果你想让它替换tab1，那么你不需要在tab1中使用ui-view。

这是一个分叉的傻瓜，显示了我的意思。

http://plnkr.co/edit/t4cxejVLGf4kywKp2bb5?p=preview

我改变的部分：

.state("main", { abtract: true, url:"/main", templateUrl:"main.html" })
.state("main.tab1", { url: "/tab1", templateUrl: "tab1.html" })
.state("main.inner",{
  url:"/inner",
  templateUrl:"inner.html"
})
.state("main.tab2", { url: "/tab2", templateUrl: "tab2.html" })

在tab1.html

中

<div>
    This is the view for tab1
    <a ui-sref="main.inner">click me</a>
</div>

这是你拍摄的吗？

Answer 2

在控制器中添加$scope.$state = $state;。

然后将ng-hide="$state.current.name === 'main.tab1.inner'"添加到

 <h2 ng-hide="$state.current.name === 'main.tab1.inner'">View:</h2>

和

<div ng-hide="$state.current.name === 'main.tab1.inner'">
This is the view for tab1
<a ui-sref="main.tab1.inner">click me</a>
</div>

这是链接[link] http://plnkr.co/edit/Yvlp6RNF69yiSq1HfMcf?p=preview

ui-sref将子视图设置为父视图

2 个答案: