AngularJs路由問題

Question

我在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']);

標頭部分可以很好地附加，但是內容部分不可以附加，即使路徑與我期望的路徑相同。也找不到問題所在。

Answer 1

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/

AngularJs路由問題

問題描述

1 個解決方案

解決方案1
1 已采納 2013-09-27 22:21:09

AngularJs路由問題

問題描述

1 個解決方案

解決方案1 1 已采納 2013-09-27 22:21:09

解決方案1
1 已采納 2013-09-27 22:21:09