在angularjs中缺少模板/视图文件

时间:2016-05-20 12:57:45

标签: angularjs asp.net-mvc-5 routing visual-studio-2015 angular-template

使用Visual Studio 2015创建MVC5(asp.net)+ angularjs Web应用程序。问题是: 加载链接http://localhost:56028/#/phones/1后,我想要读取文件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);
              })
      }]);

UPDATE1

我的主要html文件是: \ View \ Layout_layout.cshtml, 这是ASP MVC文件,但显示正确

UPDATE2

我试过了:

$http.get('/app/jsons/' + $routeParams.phoneId + '.json')
$http.get('../app/jsons/' + $routeParams.phoneId + '.json')
$http.get('../../app/jsons/' + $routeParams.phoneId + '.json')

和其他一些配置,但它们无法正常工作。

UPDATE3

我试图读取2个json文件:1.json(它存在)和2.json(缺失)。对于丢失的文件,status方法给出404,数据给出404页面,但是对于1.json,状态是未定义的,数据是未定义的。为什么呢?

0 个答案:

没有答案