无法加载模板

时间:2015-09-03 08:21:09

标签: javascript angularjs node.js express

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

我认为该错误可能与教程未使用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

我的代码如下:

app.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)

1 个答案:

答案 0 :(得分:0)

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