嵌套视图VS独立

2015-04-08 67 views 0 likes

我正在尝试为我的应用选择角度结构。我开始使用Angular Full Stack Generator。嵌套视图VS独立

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

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

是否有可能有一个嵌套状态替换父项？
或者我只是使未成为国家？
或者这是抽象状态的情况吗？

来源

2015-04-08 csduarte

回答

有a working example

一个孩子替换父几乎是 “原生” 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

来源

2015-04-08 04:39:53

嵌套视图VS独立

回答

相关问题