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

Question

我正在使用 ui-sref 根据状态进行路由。目前，我在父级内部获取子视图作为层次结构。我想将子视图分配给父视图。目前状态如下plunker.

[link][//plnkr.co/edit/fpsTWglicbcGMotJIlll]

点击click me后我想看到欢迎

Answer 1

如果我没有正确理解你的问题，问题是你有 inner 作为 tab1 的子项...所以它显示在 tab1 的 ui-view 中。如果你想让它代替 tab1，那么你不需要 tab1 中的 ui-view。

这是一个分叉的 plunker，展示了我的意思。

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 [link] http://plnkr.co/edit/Yvlp6RNF69yiSq1HfMcf?p=preview

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

ui-sref set child view to parent view

angularjs

angularjs-routing

ui-sref