gpt4 book ai didi

javascript - 无法绑定(bind)到 ng-repeat

转载 作者:行者123 更新时间:2023-11-30 10:38:02 25 4
gpt4 key购买 nike

我已经编写了一个简单的 ASP.NET WEBApi,它返回客户列表,我正在尝试绑定(bind)到 UI。

在下面找到我的 WEB Api Controller :

    public class DummyController : ApiController
{
public HttpResponseMessage Get()
{
List<Customer> customers = new List<Customer>();
Customer customer = new Customer();
customer.FirstName = "John";
customer.LastName = "Doe";
customers.Add(customer);
customer = new Customer();
customer.FirstName = "Mike";
customer.LastName = "Doobey";
customers.Add(customer);

HttpResponseMessage result = null;
result = Request.CreateResponse(HttpStatusCode.OK, customers);
return result;
}
}

Angular Controller :

<script type="text/javascript">
function dummyCtrl($scope) {
$.getJSON("http://127.0.0.1:81/Api/dummy", function (resp) {
$scope.dummy = resp;
$scope.json = angular.toJson(resp);
console.log($scope.json);
});
}
</script>

执行 Angular Controller :

<body ng-controller="dummyCtrl">
<div>
<ul>
<li ng-repeat = "person in dummy">
<span>{{person.FirstName}}</span>
<span>{{person.lastname}}</span>
</li>
</ul>
</div>
</body>

我可以在 Chrome 开发工具中看到 JSON 数据,但无法在浏览器中看到输出。

[{"FirstName":"John","LastName":"Doe"},{"FirstName":"Mike","LastName":"Doobey"}] :81/:24
[{"FirstName":"John","LastName":"Doe"},{"FirstName":"Mike","LastName":"Doobey"}] :81/:24

我做错了什么?

最佳答案

您应该在 XmlHTTPRequest 周围使用 angularJS 自己的 Wrapper,它会自动执行 $digest。因此,将您的代码更改为:

function dummyCtrl($scope, $http) {
$http.get("http://127.0.0.1:81/Api/dummy").then( function (resp) {
$scope.dummy = resp.data;
$scope.json = angular.toJson(resp.data);
console.log($scope.json);
});
}

查看此处了解更多信息:Angular $http reference

关于javascript - 无法绑定(bind)到 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12852454/

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