Question

我有以下HTML代码：

<html>
<head>
<!-- ... -->
</head>
<body>
  <section id="section1" ng-include="'section1.html'"></section>
  <section id="section2" ng-include="'section2.html'"></section>
  <section id="main_section" ng-view></section>
</body>
</html>

我们可以看到，我有3个部分：section1，section2和main_section。 main_section是主要部分（显然），并且具有ng_view属性，因此，当用户输入http://example.com/#!/main/any之类的网址时，main_section会显示主要内容。现在，我想在用户点击section1之类的链接时向http://example.com/#!/two/other显示新内容，但我不会更改main_section内容。

编辑：路由

app.config(['$routeProvider', function($routeProvider) {
        $routeProvider.
            when('/', {
                templateUrl: 'module/foo.html',
                controller: 'FooController',
                controllerAs: 'foo'
            }).when('/main/:bar_id', {
                templateUrl: 'module/foo.html',
                controller: 'FooController',
                controllerAs: 'foo'
            }).otherwise({
                redirectTo: '/'
            });
    }]);

Answer 1

问题是开箱即用的角度路由不支持嵌套视图; 您有两种选择：使用ngSwitch或支持嵌套视图和层次结构的ui-router状态范例。

在没有ng-view的情况下更改路由的内容

1 个答案: