Question

我正在尝试为我的应用决定角度结构。我从Angular Full Stack Generator开始。

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

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

是否可以将嵌套状态替换为父级？或者我是否只是制作了无人状态？或者这是抽象状态的情况？

Answer 1

有a working example

替换父母的孩子几乎是＆＃34;本地人＆＃34; UI路由器解决方案。让我们来看看这个州的定义：

.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。这意味着，该元素也扮演儿童目标的角色。

在action here

中查看

嵌套视图VS分离

1 个答案: