AngularJs 路由问题

AngularJs routing issue

本文关键字：问题 路由 AngularJs      更新时间：2023-09-26

我对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>

而应用程序.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']);
标题部分附加

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

HTML 中只能有一个 ng-app（见 http://docs.angularjs.org/api/ng.directive:ngApp）。只需删除HTML中的ng-app，然后进行底部的手动引导即可。

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

http://jsfiddle.net/SqK4d/

相关文章：