Question

当我转到/ ** /详细信息的网址（例如/ users / details，/ accounts / details / ...）时，我想显示或多或少相同的组件。当我转到像/ ** / list这样的url时，我想展示子视图的一组不同的类似组件。这意味着我想在子视图中获取父视图，而不是父视图中的子视图。

通常在创建子状态时，子项应包含在父项中。像这样：

app.html

<ui-view /><!-- users.html gets loaded here -->

users.html

Now we are in the users section
<ui-view /><!-- detail.html gets loaded here -->

用户detail.html

Now we are in the user detail section
User name : {{user.name}}

但有可能以某种方式包括孩子的父母（例如用户）（例如细节）吗？我认为这会更有意义。像这样：

app.html

<ui-view /><!-- details.html gets loaded here -->

details.html

Now we are in the details section. I can show ui elements here that fit in every details section:
<menu-bar>
<button style="float:right">Add</button>
<ui-view> <!-- user-detail.html get loaded here -->
<a>Back to list</a>

用户detail.html

Now we are in the user detail section
User name : {{user.name}}

有没有解决方案来实现这一目标？到目前为止，我在app.html中使用了以下结构：

app.html

<div ng-if="details">
    <menu-bar>
    <button style="float:right">Add</button>
    <ui-view></ui-view>
    <a>Back to list</a>
</div>
<div ng-if="list">
    <filter-bar>
    <button style="float:right">Add</button>
    <ui-view></ui-view>
</div>

从技术上讲，这是有效的，但它不会提供很好的过渡，并且感觉不是干净的方式。

反转子视图和父视图

0 个答案: