gpt4 book ai didi

angularjs - 将 $http.get() 请求中的数据绑定(bind)到 ng-repeat

转载 作者:行者123 更新时间:2023-12-04 03:04:04 26 4
gpt4 key购买 nike

我从服务器上得到了很好的 JSON 数据,但是当尝试使用 在我的页面上列出它时出现了问题。 ng-重复 指示。

这是我的 HTML 正文内容,其中“mydata”(JSON 数组)在 后立即正确显示。 $http.get() 方法接收请求的数据,但 ng-重复 没有列出数组元素:

<body ng-app="myapp">
<div ng-controller="MyController" >
Data from server: {{ mydata }}
</div>

<hr>

<ul ng-controller="MyController as controller">
<li ng-repeat="data in controller.mydata">
{{ data }}
</li>
</ul>
</body>

这是Javascript代码:
var URI = 'http://my_service_uri/';

angular.module("myapp", [])
.controller("MyController", function($scope, $http) {
$scope.mydata = [];

$http.get(URI)
.then(function(result) {
$scope.mydata = result.data;
});
});

最佳答案

您将 Controller 混合为语法并使用范围。请在 http://plnkr.co/qpcKJZx4jovC6YdzBd6J 上查看我的 plunker你会看到一个例子。

主要变化是当使用 Controller 作为语法时,您需要将变量绑定(bind)到此。

app.controller('MyController', function($http) {
var vm = this;
vm.mydata = [];

$http.get(URI)
.then(function(result) {
console.log(result);
vm.mydata = result.data;
});

选择一种发布 View 数据的方法并坚持使用, Controller 为或 $scope。

您会注意到顶部的“来自服务器的数据”不再在 plunker 中工作,因为我没有更改那个以使用 Controller 作为语法。

关于angularjs - 将 $http.get() 请求中的数据绑定(bind)到 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26704581/

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