Javascript AngularJs路由不再工作。地址栏更改，但视图不更改_Javascript_Jquery_Html_Css_Angularjs

Javascript AngularJs路由不再工作。地址栏更改，但视图不更改

javascript jquery html css angularjs

Javascript AngularJs路由不再工作。地址栏更改，但视图不更改,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,我的路线有问题。它以前工作得很好。我没有更改script.js文件中的任何内容。现在它拒绝翻开另一页。我将partials.html文件存储在partials/about.html等文件中当我点击导航栏或页脚中的任何链接时…视图没有改变…它被固定在主页上，但是地址栏已经改变了谢谢 html ng-app="financeApp"> <head> <meta charset="utf-8">  <!--

我的路线有问题。它以前工作得很好。我没有更改script.js文件中的任何内容。现在它拒绝翻开另一页。我将partials.html文件存储在partials/about.html等文件中

当我点击导航栏或页脚中的任何链接时…视图没有改变…它被固定在主页上，但是地址栏已经改变了

谢谢

html ng-app="financeApp">
  <head>
<meta charset="utf-8">
    <!-- CSS -->
<!--    <link rel="stylesheet"     href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />-->
  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-    awesome.css" />
 <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.15/slick.css"/>
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 </head>
<!-- HEADER AND NAVBAR -->
<header>
<div class="wrap">
  <!-- logo -->

   <a href="#!"><img class="logo" src="img/logo.png" /></a>

       <nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#/"></a>
        </div>

        <ul class=" navbar-right">

             <li><a href="#">Home</a></li>

             <li><a href="#about">About</a></li>

             <li><a href="#contact">Contact</a></li>



        </ul>
    </div>
  </nav>
</div>
</header>

<body>

<div ng-controller='mainController'>


<div back-img="img/02.png" >




</div>



</div>



<!-- Loading the Footer -->
 <div id="footer" ng-include="'partials/footer.html'"></div>


</div>

<!-- App JS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-route.min.js">    </script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.js"></script>

<script src="js/script.js"></script>

<script src="//cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script>
 <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"> </script>
<script src="https://code.jquery.com/jquery-git2.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/slick.js"></script>
<script src="js/directives/carousel.js"></script>
<script src="js/controllers/controllers.js"></script>
<script src="js/directives/directives.js"></script>


</body>
</html>

在您的代码中，我注意到

ng视图属性丢失、车身定位和所有标签不清晰纠正这些问题，并在plunker中提供所有必要的文件

听起来好像你的服务器停止了。我的服务器似乎还可以，因为我可以编辑/删除应用程序上的内容，当我刷新页面时，它会显示出来。唯一不起作用的是指向不同视图的链接。在你的href中缺少a/。如果不包含脚本依赖项，演示将一文不值

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

 // configure our routes
 financeApp.config(function($routeProvider) {
    $routeProvider
    // route for the home page
    .when('/', {
        templateUrl : 'partials/main.html',
        controller  : 'mainController'
    })

    // route for the about page
    .when('/about', {
        templateUrl : 'partials/about.html',
        controller  : 'aboutController'
    })

    // route for the contact page
    .when('/contact', {
        templateUrl : 'partials/contact.html',
        controller  : 'contactController'
    })

    .otherwise({
        redirectTo: '/'
    })
});