AngularJS - 路线模板

Question

我在我的 symfony 应用程序中安装了 angularJS，我尝试从我的 angular-模块加载我的 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 文件时，我得到“404 - 未找到”。

我已经尝试过相对和绝对路径：

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

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

两者都不行。

有人可以帮我解决这个问题吗？

谢谢和问候！

Answer 1

您是否尝试过使用 templateUrl: '/html/index.html'，因为 symfony2 根目录在文件夹 web

中