如何从 json 文件中读取数据,是不是有语法错误?
Posted
技术标签:
【中文标题】如何从 json 文件中读取数据,是不是有语法错误?【英文标题】:How can I read data from a json file, do I have a syntax error?如何从 json 文件中读取数据,是否有语法错误? 【发布时间】:2021-09-08 23:45:02 【问题描述】:我正在启动 angularJS,我想学习如何从 json 文件中读取,但我不知道代码中的问题出在哪里
所以我试图将我的 json 文件中的数据显示到我的视图中
标签,但显示空白。
app.js:
//Routing
var myApp = angular.module('myApp', ['ngRoute']);
myApp.config(['$routeProvider', function($routeProvider)
$routeProvider
.when('/home',
templateUrl: 'views/home.html',
controller: 'myController'
)
// some routing
//some more routing
;
]);
//Routing end
myApp.controller('myController',function($scope, $http)
$http.get("data/users.json").then(function(response)
$scope.users = response.data;
);
);
view1.html:
<div class="content">
<h1 class="princip">Reparation</h1>
<hr>
<div>
<p>user: user.name </p>
</div>
</div>
users.json:
[
"name": "yoshi",
"code": "black",
"id": 101,
,
"name": "minato",
"code": "orange",
"id": 102,
]
index.html:
<!DOCTYPE html>
<html lang="en" ng-app ="myApp">
<head>
<script src="class\class.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="app\lib\angular-route.min.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="app\app.js"></script>
<title>Wellcome !</title>
</head>
<body>
<header ng-include="'header.html'"></header>
<div ng-include="'sidebar.html'"></div>
<main ng-view=""></main>
</body>
</html>
我的文件系统:
-Project
index.html
-app
app.js
-data
users.json
-views
view1.html
有语法错误吗?
【问题讨论】:
【参考方案1】:似乎 $scope.users 正在获取一组用户,用 [] 括起来
所以你的 user.username 必须以某种方式理解它正在获取数组元素之一。我希望在这里对数组进行某种迭代,因此 user 可以理解为 $scope.users 中的一个项目。
另一件事是数组中的第一个用户有一个名为 name 的属性,而第二个用户有一个名为 username 的属性,所以只有第二个可以工作(对于第一个,您的代码将假定 user.username值为空)。
【讨论】:
我认为这是我不想将数组传递给 $scope.users 的问题(我应该将名称更改为 $scope.user)我只想传递一个用户,然后我可以显示其数据。以上是关于如何从 json 文件中读取数据,是不是有语法错误?的主要内容,如果未能解决你的问题,请参考以下文章