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