gpt4 book ai didi

javascript - 从 angularjs 调用 RESTful 服务的正确方法

转载 作者:行者123 更新时间:2023-11-30 17:10:46 24 4
gpt4 key购买 nike

我正在尝试使用 RESTful api 做一个简单的待办事项应用程序。我的 Restful 服务返回以下 JSON,

[{"title":"completed this","completed":false},{"title":"and this too","completed":false}]

作为 application/json 而不是字符串返回。

我的观点如下,

<div class="container" ng-app="todomvc">
<div id="todoapp" ng-controller="TodoCtrl">
<div class="row" ng-repeat="todo in todos">
{{todo.title}}
</div>
</div>
</div>

我有以下带有 Controller 和工厂的 JS 代码,

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

todomvc.factory('todoREST', function ($q,$http) {
function get(){
return $http.get('http://localhost/test.php');
}
return{get:get};
});

todomvc.controller('TodoCtrl', function TodoCtrl($scope, $location, $filter, todoREST) {
var todos = $scope.todos = todoREST.get().then(function(data){
todos = data.data;
console.log(todos); // Data available here
});
});

加载时我无法在页面中获取标题。我究竟做错了什么?我的方法是进行 RESTful 调用的正确方法吗?

这是我所做的链接, http://plnkr.co/edit/kaSCe9HoMPEK1hD4QgJl?p=preview

最佳答案

您将 $scope.todos 分配给服务返回的 promise ,而不是回调中的数据。

尝试

todoREST.get().then(function(data){
$scope.todos = data.data;
console.log($scope.todos); // Data available here
});

http://plnkr.co/edit/C3fbK3NicU7XkdHAbzCr?p=preview

关于javascript - 从 angularjs 调用 RESTful 服务的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27066777/

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