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路由问题

回答

相关问题