Отсутствует шаблон / просмотр файла в angularjs
Я создаю MVC5(asp.net)+ веб-приложение angularjs с Visual Studio 2015. Проблема заключается в следующем: когда загружена ссылка http://localhost:56028/, я хочу прочитать файл jsons/1.json
, но появляется ошибка, что она отсутствует, но файл есть.
Что случилось?
Мои файлы:
- /app/firstApp.js
- /app/jsons/1.json
- /app/controllers/testController.js (содержит функцию PhoneDetailController)
- /app/partials/phone-detail.html
firstApp.js с маршрутизацией:
var app = angular.module('BulletinBoardApp', [
'ngRoute',
'testControllers'
]);
app.config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/phones', {
templateUrl: '/app/partials/phone-list.html',
controller: 'PhoneListController'
}).
when('/phones/:phoneId', {
templateUrl: '/app/partials/phone-detail.html',
controller: 'PhoneDetailController'
}).
otherwise({
redirectTo: '/phones'
});
}]);
PhoneDetailController (файл testController.js):
testControllers.controller('PhoneDetailController', ['$scope', '$routeParams', '$http',
function ($scope, $routeParams, $http) {
$http.get('../jsons/' + $routeParams.phoneId + '.json')
.success(function (data) {
$scope.phone = data;
}).error(function (data, status, headers, config) {
alert(data + "; " + status + "; " + headers + "; " + config);
})
}]);
Обновление 1:
Мой основной HTML-файл: \View\Layout_layout.cshtml, это файл ASP MVC, но он отображается правильно
Обновление 2:
Я старался:
$http.get('/app/jsons/' + $routeParams.phoneId + '.json')
$http.get('../app/jsons/' + $routeParams.phoneId + '.json')
$http.get('../../app/jsons/' + $routeParams.phoneId + '.json')
и некоторые другие конфигурации, но они не работают.
Обновление 3:
Я попытался прочитать 2 файла json: 1.json (он существует) и 2.json (отсутствует). Для отсутствующего файла метод состояния дает 404, а данные - 404 страницы, но для 1.json статус не определен, а данные не определены. Зачем?