javascript - 加载模板失败

Question

我正在学习 Angular.js 网站上的教程，希望能够将它的一些强大功能集成到我现有的一些应用程序中。所以一切都很好，直到我开始使用( Angular 路线)部分。更具体地说，我一直无法解决我的应用无法找到并加载必要的部分的问题。

我认为该错误可能与本教程未使用 jade 模板引擎这一事实有关，但我对文件路径所做的任何更改都被证明是不成功的。任何建议将不胜感激。

谢谢。

我的文件结构:

myApp
├── data
|   |-- contacts.json
|---public
│   ├── javascripts
│   │   ├── controllers
|   |       |---controller.js
|   |   |---app.js
|---views
|   |---partials
|   |   |---phone-list.jade
|   |   |---phone-detail.jade
|   |   |---contact.jade
|   |---index.jade
|   |---layout.jade

我的代码如下:

应用程序.js:

    'use strict';

/* App Module */

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

phonecatApp.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider.
            when('/phones', {
            templateUrl: 'partials/phone-list',
            controller: 'PhoneListCtrl'
        }).
        when('/phones/:phoneId', {
            templateUrl: 'partials/phone-detail',
            controller: 'PhoneDetailCtrl'
        }).
        otherwise({
            redirectTo: '/phones'
        });
    }]);

我的错误信息:

GET http://localhost:3000/partials/phone-list 404 (Not Found)

Answer 1

根据您的文件结构，您没有任何partials 文件夹