javascript - 基本 Angular 路线不起作用

标签 javascript angularjs routes

尝试设置简单的 Angular 路线,但 View /部分未加载,即未显示且未出现在网络选项卡中。我相信它设置正确,但看不出是什么原因造成的。

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>

有什么想法为什么不显示吗?

谢谢

更新

我没有收到任何控制台错误 - 我的 View 只是一个简单的

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

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

最佳答案

我在我的index.html页面中错过了ng-controller

关于javascript - 基本 Angular 路线不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31898857/

相关文章:

javascript - 在 React Native Redux 中调度导入的函数

javascript - 无需 jquery 插件即可构建自定义分页逻辑

angularjs - 带有 $httpProvider 和 Promise 的 Angular.js 代码。它有什么作用?

node.js - Nodejs Express router.get ('/' ) 在 users.js 中

ruby-on-rails - 将 ID 传递到静态路由 - 匹配 page.url => "pages#show"、 :id => page. id - 不起作用

javascript - 如何在发送表单上重新加载网站的一部分?

javascript - 如何在 Redux/React 应用程序中加载数据 "on-demand"

java - 获取 401 访问 http ://localhost:8080/oauth/token

javascript - "import"使用 webpack ing d3 和 d3-cloud

angularjs - Laravel 5 API 路由向前端返回 500 错误