angularjs中可能有级联视图吗？

Question

我是angularjs的新人。我和我读到我只能在单页面应用程序中定义一个 ng-view 指令。我想创建像视图一样的级联。

Nvaigation菜单是静态的。如果用户单击菜单项，将显示列表面板。如果用户单击编辑项目，则会出现编辑菜单。

我应该定义多个 ng-view ？

Answer 1

Angular的内置路由器相当有限。是的，它每页只支持一个ng-view。

Angular UI团队整合了ui-router，它支持多个嵌套ui-view s

https://github.com/angular-ui/ui-router

Answer 2

这个等级怎么样？：

<div ng-controller="menuCtrl"></div>
<div ng-view>
  <div>item list</div>
  <div ng-show="itemSelected">edit form</div>
</div>

您可以将菜单定义为静态元素。在ng-view内，您可以放置​​不同的列表视图，如果您选择了一个项目，则可以打开内联编辑表单或重定向以编辑视图表单。

示例路由：

$routeProvider.when('/products/',{templateUrl: 'productsList.html' controller: 'productsList'});
$routeProvider.when('/products/edit',{templateUrl: 'productEdit.html' controller: 'productEdit'});