Question

如何在ui-router中配置兄弟姐妹在父页面中共存的父/子关系？我不能让子状态多个命名视图工作。

这是我的父页面：parent.html：

/mysql -sN --user=root --password=notmypassword -e 
"SELECT * FROM collector.fibre 
WHERE fabric_switch_name = 'switch-1' 
  AND port = '0' 
  AND datatype = 'TxElements' 
  AND (time > '2016-05-31 00:00:00' AND time < '2016-05-31 23:59:59') "

我不知道如何或是否应该使用多个命名的视图，因为多个命名视图看似平行且可分离，而不是像上面代码中的其他文本一样。

我的ui路由器配置：

<div> I have two child pages: 
  child page1 detail: <ui-view /> and 
  child page2 detail:<ui-view />.  
  I need both pages
</div>

未命名的ui-view只允许插入一个孩子。

参见中的代码 Plunker

Answer 1

示例中的<ui-view>不正确。它不是自动关闭标记，当ui-view用作元素而不是属性指令时，您需要name属性来使用命名视图。如果您将parent.html更改为以下内容，则应该可以正常工作。

<div> I have two child pages: 
  child page1 detail: <ui-view name="child1"></ui-view> and 
  child page2 detail:<ui-view name="child2"></ui-view>.  
  I need both pages
</div>

ui-router子视图是多个命名视图或未命名视图

1 个答案: