AngularJs路由問題

我有一些angularjs路由問題。我的目標是根據路徑追加不同的視圖。我想一個HTML文檔這樣在實施這一使用不同的NG-應用：AngularJs路由問題

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

頭部分追加罰款，但內容部分不附加即使路徑與我期望的路徑相同..找不到問題所在。

來源

2013-09-27 Boltosaurus

什麼調試代表什麼嗎？ – LauroSkr

它只是一個斷點，我檢查路徑是否正常。 – Boltosaurus

我不認爲這是問題，因爲否則放置在模塊，工作正常。這意味着這個視圖總是被附加，而不取決於路徑 – Boltosaurus

在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/

來源

2013-09-27 22:21:09 dnc253

非常感謝！這樣可行！ – Boltosaurus

AngularJs路由問題

回答

相關問題