Angular.js不讀取JSON文件

Question

我正在嘗試將angular.js包含到我正在從事的項目中。 我是新手。 Angular似乎沒有在讀取我的json文件，而且我不確定自己在做什么錯。 我在下面做了一個測試文件，模仿了我在較小規模下所做的事情。 如果有人可以向我解釋我做錯了什么，將不勝感激。

Index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset = "UTF-8">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src='app.js'></script>
    <script src='MainController.js'></script>
    <title>angular test</title>
</head>
<body>
    <h1>Angular Test</h1>
    <div ng-app = 'myApp' ng-controller='MainController'>
        <p>{{myData}}</p>
    </div>

</body>

controller.js

app.controller('MainController', function($scope, $http) {
   $http.get("data.json").then(function(response) {
      $scope.myData = response.data.test;
   });
});

app.js

var app = angular.module('myApp',[]);

data.json

{
  "test":"This data is from a json file"
}

Answer 1

路由原因是在data.json文件中添加的注釋，請刪除以下內容。

/*
Project: angular test
File: data.json
Author: David Sanders
Date: 
Comments: 
Kudos:
Notes: site data
*/

JSON文件中不應包含任何此類注釋，因此JSON解析失敗。

放了

{
  "test":"This data is from a json file"
}

Angular.js不讀取JSON文件

問題描述

1 個解決方案

解決方案1
0 已采納 2016-01-30 16:30:09

Angular.js不讀取JSON文件

問題描述

1 個解決方案

解決方案1 0 已采納 2016-01-30 16:30:09

解決方案1
0 已采納 2016-01-30 16:30:09