0

我正在尝试为我的应用决定一个 Angular 结构。我从 Angular 全栈生成器开始。

在 UI-Router 中，您可以嵌套状态。嵌套相关状态对我来说似乎是合乎逻辑的。例如：Registration, Registration.form, Registration.confirmation.... 但这些嵌套状态似乎依赖于在同一页面上查看的每个子视图和父视图。

这意味着父级将有一个<ui-view>标签，该标签将在调用时插入子视图。

是否可以让嵌套状态替换父状态？
或者我只是做了未嵌套的状态？
或者这是一个抽象状态的例子？

4

1 回答 1

0

有一个工作示例

替换父级的子级几乎是“本机” UI-Router 解决方案。让我们有这个状态定义：

.state('parent', {
    url: "/parent",
    templateUrl: 'tpl.html',
})
.state('parent.child', { 
    url: "/child",
    templateUrl: 'tpl.html',
    controller: 'ChildCtrl',
})

这将是tpl.html, 在我们的例子中用于两种状态：

<div ui-view>
  <h3>current state name: <var>{{$state.current.name}}</var></h3>
   ...  
</div>

所以，我们可以看到，父根 HTML 元素确实具有属性ui-view。这意味着，这个元素也扮演着孩子的目标角色。

在此处查看实际情况

于 2015-04-08T04:39:53.840 回答