AngularJS - 路线模板

时间:2015-11-24 15:18:51

标签: angularjs symfony routing http-status-code-404 ngroute

我在symfony应用程序中安装了angularJS,并尝试从我的angular-module加载我的html文件:

文件结构:

app
bin
bower_components
src
vendor
web
    html
        index.html
    app.js

我的app.js:

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

app.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/', {
        templateUrl: 'web/html/index.html',
        controller: 'IndexCtrl'
    }).
    ...
}]);

app.controller("IndexCtrl", ["$scope", function ($scope) {
    $scope.data = [
        { id: 1, name: "adfsdf"},
        { id: 2, name: "Susdfsdfsi"},
        { id: 3, name: "Resdfiner"},
        { id: 4, name: "sdfs"}
    ];
}]);

但是当加载html文件时,我得到了#34; 404 - Not Found"。

我已经尝试了相对和绝对的路径:

// absolute
templateUrl: 'html/index.html',

// relative
templateUrl: 'web/html/index.html',

两者都不起作用。

任何人都可以帮我解决这个问题吗?

谢谢和问候!

1 个答案:

答案 0 :(得分:2)

您是否尝试使用templateUrl: '/html/index.html',因为symfony2根目录位于文件夹web中