0

我对 angularjs 路由有一些问题。我的目标是根据路径附加不同的视图。我想在一个 html 文档中使用不同的 ng-apps 来实现这一点，如下所示：

<body>
    <div ng-app="header" id='header'>
        <div ng-view></div>
    </div>
    <div ng-app="content" id='content'>
        <div ng-view></div>
    </div>
</body>

和 app.js：

angular.module('content', []).
  config(['$routeProvider', function($routeProvider) {
    debugger;
  $routeProvider 
  .when('/101DEV/createProfile/', {templateUrl: '/101DEV/views/new-profile.html'})
  .otherwise({templateUrl: '/101DEV/views/page-not-found.html'})
}]);


angular.module('header', []).
  config(['$routeProvider', function($routeProvider) {
  $routeProvider.otherwise({templateUrl: '/101DEV/views/top-menu.html'})
}]);


angular.bootstrap(document.getElementById('header'), ['header']);
angular.bootstrap(document.getElementById('content'), ['content']);

标题部分附加得很好，但内容部分没有附加，即使路径与我期望的相同。找不到问题出在哪里。

4

1 回答 1

1

HTML 中只能有一个 ng-app（参见http://docs.angularjs.org/api/ng.directive:ngApp）。只需去掉ng-appHTML 中的 s 并在底部进行手动引导。

<body>
    <div id='header'>
        <div ng-view></div>
    </div>
    <div id='content'>
        <div ng-view></div>
    </div>
</body>

http://jsfiddle.net/SqK4d/

于 2013-09-27T22:21:09.073 回答