Javascript 基本角度路线不工作_Javascript_Angularjs_Routing

Javascript 基本角度路线不工作

javascript angularjs routing

Javascript 基本角度路线不工作,javascript,angularjs,routing,Javascript,Angularjs,Routing,尝试设置简单的角度布线，但未加载视图/局部，即未显示且未显示在“网络”选项卡中。我相信它设置正确，看不出是什么导致了这种情况 app.js var app = angular.module('app', ['ui.bootstrap', 'ngAnimate','ngRoute']) .config(function ($routeProvider) { $routeProvider .when('/', { templateUrl: 'views/main.

尝试设置简单的角度布线，但未加载视图/局部，即未显示且未显示在“网络”选项卡中。我相信它设置正确，看不出是什么导致了这种情况

app.js

var app = angular.module('app', ['ui.bootstrap', 'ngAnimate','ngRoute'])
.config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

index.html

<html>
  <head>
    <meta charset="utf-8">
    <title>Main</title>
  </head>
  <body ng-app="app">
    <div class="container">
    <div ng-view></div>
    </div>

    <script src="bower_components\angular\angular.js"></script>
    <script src="bower_components\angular-route\angular-route.js"></script>
    <script src="bower_components\angular-animate\angular-animate.js"></script>
    <script src="bower_components\jquery\dist\jquery.min.js"></script>
    <script src="public/assets/js/app.js"></script>
    <script src="public/assets/js/controllers/main.js"></script>
  </body>

</html>

我在index.html页面中漏掉了ng控制器

在这里可以正常工作：因此，从您的示例中肯定有其他不清楚的地方。您的代码很好，因此您的问题应该是以下问题之一。忘记创建“views/main.html”了吗？2.也许你的代码不是在web服务器下运行的，希望其中一个是“快乐编码”

app.all("/*", function(req, res, next) {
    res.sendfile("index.html", { root: __dirname + "/public" });
  });