Я столкнулся с этой проблемой при объединении Laravel и Angular:
Следуя очень простому руководству, которое я нашел в Интернете, я пытался для загрузки представления с помощью директивы ng-view
. Однако я не могу фактически загрузить шаблон. Это мой код app.js
:
(function() {
var app = angular.module('profuApp', ['ngRoute']);
app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
.when('/inicio', {
templateUrl: '../templates/inicio.html',
controller: 'homeCtrl'
})
.otherwise({ redirectTo: '/' });
}]);
app.controller('homeCtrl', ['$scope', '$http', function($scope, $http) {
$http.get('http://localhost:8888/profucom/public/getData').success(function(data) {
$scope.datos = data;
});
}])
})();
Мое файловое дерево:
app/
bootsrap/
public/
js/
angular.min.js
angular-route.min.js
app.js
templates/
inicio.html
. . .
Сайт загружается нормально, но когда я смотрю исходный код, а не смотрю шаблон внутри inicio.html
, происходит такое...
Код в моем файле index.blade.php
<div ng-view></div>
Код, который я вижу в исходном коде браузера
<!-- ng-view: -->
Вкладка network
в Chrome не показывает ошибку 404 при попытке загрузить представление.
Что я пробовал до сих пор:
- Размещение шаблонов в папке
js
(templateUrl: 'templates/inicio.html') - Placing templates inside the
public
folder (templateUrl: '../templates/inicio.html')- also,
templateUrl: '/public/templates/inicio.html'
- also,
- Размещение шаблонов в корневой папке (templateUrl: '/templates/inicio.html')
- Размещение только файла в папке
js
: (templateUrl: 'inicio.html')
Ничего из вышеперечисленного не работает. Любая помощь, пожалуйста?
EDIT Я также вижу это в URL-адресе: вместо myapp/public/inicio
он загружается как myapp/public/inicio#/