0

angularjs ルーティングに問題があります。私の目標は、パスに応じて異なるビューを追加することです。次のような1つの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 は 1 つだけです ( http://docs.angularjs.org/api/ng.directive:ngAppを参照)。HTML の sを取り除きng-app、下部にある手動のブートストラップを実行するだけです。

<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 に答える