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

时间:2015-01-03 13:04:19

标签: angularjs routes angular-routing

我有以下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个部分:section1section2main_sectionmain_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: '/'
            });
    }]);

1 个答案:

答案 0 :(得分:1)

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