javascript - Angular JS 中的嵌套视图

Question

我正在尝试在另一个视图中更新视图的一部分。

但链接不断覆盖外部 ng-view

如何在 ng-view 中更新 ng-view ？

Answer 1

这个库应该完全符合您的需求：

http://angular-route-segment.com

演示站点：http ://angular-route-segment.com/src/example/

它比 ui-router 使用起来要简单得多。示例路由配置如下所示：

$routeSegmentProvider.

when('/section1',          's1.home').
when('/section1/prefs',    's1.prefs').
when('/section1/:id',      's1.itemInfo.overview').
when('/section1/:id/edit', 's1.itemInfo.edit').
when('/section2',          's2').

segment('s1', {
    templateUrl: 'templates/section1.html',
    controller: MainCtrl}).

within().

    segment('home', {
        templateUrl: 'templates/section1/home.html'}).

    segment('itemInfo', {
        templateUrl: 'templates/section1/item.html',
        controller: Section1ItemCtrl,
        dependencies: ['id']}).

    within().

        segment('overview', {
            templateUrl: 'templates/section1/item/overview.html'}).

        segment('edit', {
             templateUrl: 'templates/section1/item/edit.html'}).

        up().

    segment('prefs', {
        templateUrl: 'templates/section1/prefs.html'}).

    up().

segment('s2', {
    templateUrl: 'templates/section2.html',
    controller: MainCtrl});

Answer 2

您应该为此获得 ui-router 。我相信它是唯一可以让您执行嵌套视图的模块。

源代码：https ://github.com/angular-ui/ui-router

使用说明：https ://github.com/angular-ui/ui-router/wiki