如何在angularJS中给json usl显示表

时间:2015-12-09 10:31:38

标签: javascript angularjs json

您好我已尝试使用以下代码,但收到错误“GET http://localhost:17627/DataBase.json 404(Not Found)”。请指导我如何以URL的形式提供文件路径。请尽快帮助我。

<div ng-app="myApp" ng-controller="customersCtrl"> 
<table>
    <tr ng-repeat="x in detail">
        <td>{{ x.EmpID }}</td>
        <td>{{ x.EmpName }}</td>
        <td>{{x.EmailId}}</td>
    </tr>
</table>
<script>
    var app = angular.module('myApp', []);
    app.controller('customersCtrl', function ($scope, $http) {
        $http.get("http://localhost:17627/DataBase.json")
        .then(function (response) { $scope.detail = response.data.records; });
    });
</script>

1 个答案:

答案 0 :(得分:0)

假设您的app.js和database.json位于同一目录中(c:/ users // documents / visual studio 2013 / websites / devicetracking)

此外,如果您使用的是IIS,请确保在您为此角应用程序创建的IIS网站中将json添加为MIME类型。它可以按如下方式完成:

  • 打开IIS管理器
  • 显示IIS服务器的属性
  • 单击MIME类型,然后添加JSON扩展名:文件扩展名:.json MIME类型:application / json

以下代码应该有效

<script>
    var app = angular.module('myApp', []);
    app.controller('customersCtrl', function ($scope, $http) {
        $http.get("database.json")
        .then(function (response) { $scope.detail = response.data.records; });
    });
</script>