未调用AngularJS routeprovider.config_Angularjs_Config_Route Provider

未调用AngularJS routeprovider.config

angularjs

未调用AngularJS routeprovider.config,angularjs,config,route-provider,Angularjs,Config,Route Provider,我在这里尝试构建一个简单的AngularApp。我正在尝试添加routeProvider，并使用config进行同样的操作。但页面从未如预期那样工作。当我尝试在firefox中使用fireBug时，我发现配置中的函数从未被调用。因此，它内部的代码保持不变。（我用断点确认了这一点）我相信我遗漏了一些琐碎的东西。请帮我弄清楚 index.html <!doctype html> <html lang="en"> <head> <meta chars

我在这里尝试构建一个简单的AngularApp。我正在尝试添加routeProvider，并使用config进行同样的操作。但页面从未如预期那样工作。当我尝试在firefox中使用fireBug时，我发现配置中的函数从未被调用。因此，它内部的代码保持不变。（我用断点确认了这一点）

我相信我遗漏了一些琐碎的东西。请帮我弄清楚

index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
      <title></title>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular-route.min.js" type="text/javascript"></script>
      <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
      <script type="text/javascript" src="js/navbar.js"></script>
      <script type="text/javascript" src="js/kscApp.js"></script>
</head>
<body>
    <div ng-app="navbar">
        <nav-bar></nav-bar>
    </div>
    <div ng-app="kscapp">
        <ul>
            <li><a href="#home"> Home </a></li>
            <li><a href="#contact"> Contact </a></li>
        </ul>
        <div ng-view></div>
    </div>
</body>
</html>

navbar.js

var navBarModule = angular.module('navbar', []);

navBarModule.directive('navBar', function() {
    return {
        scope: {},
        templateUrl: 'templates/navbar.html'
    };
});

编辑：我在源代码中有两个ng应用程序。我移除了导航栏，现在一切都好了。有人能向我解释为什么会出现这种行为吗？这两个模块彼此独立。

您不需要注入ng路由模块。它应该是

var sampleApp = angular.module('kscapp',['ngRoute']);

您正在为Angular.min.js和Angular-route.min.js使用不同的版本。将角度路线从1.2.9更新为1.3.8

还将“ngRoute”注入kscapp模块。

您只能在应用程序中使用一次“ng app”

Concider将您的ng app=“kscapp”移动到html标记，并将kscapp更新为：

var-sampleApp=angular.module（'kscapp'，['ngRoute'，'navbar'）
有关ngApp的更多信息，请阅读。
您可以查看控制台日志，然后发布您看到的内容。尝试过，但仍然没有改进
var sampleApp = angular.module('kscapp',['ngRoute']);