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 个答案: