Angular 1.3.8 路由无法正常工作

Question

我正在关注一本名为 MEAN Machine 的书。本书相关部分的代码可在 this Github Repo.

中找到

单击 /public/views/index.html 中应该路由的链接时，我在 Web 浏览器中收到找不到文件的错误消息。

似乎不起作用的代码（/public/js/app.routes.js）：

// inject ngRoute for all our routing needs
angular.module('routerRoutes', ['ngRoute'])

// configure our routes
.config(function($routeProvider, $locationProvider) {
    $routeProvider

    // route for the home page
    .when('/', {
        templateUrl : 'views/pages/home.html',
        controller  : 'homeController',
        controllerAs: 'home'
    })

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

    // route for the contact page
    .when('/contact', {
        templateUrl : 'views/pages/contact.html',
        controller  : 'contactController',
        controllerAs: 'contact'
    });

    $locationProvider.html5Mode(true);
});

在 index.html 文件中，我们指向正确的文件：

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

为了测试他们的代码，我将 index.html 中的基本标记更改为我的文件夹路径，这消除了找不到上述文件的错误。

这个 material 过时了吗？另外，我意识到这本书没有使用 Angular 2。Angular 2 在路由方面是否有很大差异，这个 material 是否已弃用？

Answer 1

只需运行命令

node server.js

从 '12-angular-routing' 目录并在浏览器中打开 http://localhost:8080

问题是默认情况下浏览器不允许 AJAX 对位于本地文件系统上的文件的请求。在这种情况下，您应该运行为客户端应用程序提供服务的本地服务器（server.js 是简单的快速服务器）。

Angular 1.3.8 路由无法正常工作

Angular 1.3.8 routing not working without errors

angularjs

angular-routing