基本 Angular 路由无效

Question

正在尝试设置简单的 angular 路由，但 view/partial 未加载，即未显示且未出现在网络选项卡中。我相信它设置正确，看不出是什么原因造成的。

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>

知道为什么它没有显示吗？

谢谢

更新

我没有收到任何控制台错误 - 我的观点很简单

我正在使用快速路线访问该页面：

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

Answer 1

我在 index.html 页面中遗漏了 ng-controller

基本 Angular 路由无效

Basic Angular Route Not Working

javascript

routing

angularjs