gpt4 book ai didi

javascript - 使用 AngularJS 访问和显示 JSON 对象

转载 作者:行者123 更新时间:2023-12-01 03:42:52 25 4
gpt4 key购买 nike

我正在尝试使用 AngularJS 访问 JSON 中的对象,并显示值。当我在 JSON 中创建数组时,我已经这样做了,但这次我想展示一个带有对象的示例。这是我的代码:

我的 JSON 文件

{ "user": {
"Name":"Ben",
"City":"New York"}}

我的 Angular 应用程序

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

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

我的 HTML

<body>
<div ng-app="myApp" ng-controller="jsonObjectExample">
<ul>
<li ng-repeat="x in myData">
{{ x.Name + ', ' + x.City }}
</li>
</ul>
</div>
</body>

以下是 plunker 上这些文件的链接:https://plnkr.co/edit/uBRf99AjYH9zX0WuHsW3?p=preview

有人可以解释一下我哪里出错了吗?谢谢。

最佳答案

删除 ng-repeat。 myData 是对象,而不是数组,因此不需要使用 ng-repeat

  <body>
<div ng-app="myApp" ng-controller="jsonObjectExample">
<ul>
<li >
{{ myData.Name + ', ' + myData.City }}
</li>
</ul>
</div>
</body>

Demo

关于javascript - 使用 AngularJS 访问和显示 JSON 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43751255/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com