Fatal编程技术网
  • javascript/
  • Javascript 从RESTAPI获取数据-Angular JS

Javascript 从RESTAPI获取数据-Angular JS

javascript angularjs api rest

Javascript 从RESTAPI获取数据-Angular JS,javascript,angularjs,api,rest,Javascript,Angularjs,Api,Rest,我正在学习Angular的基础知识，但在从简单的RESTAPI获取数据时遇到了问题。 我读到： 仍然不知道这段代码有什么问题： 控制器： Todoapp.controller('DaneAPI' ['$scope', '$http', function($scope, $http) { $scope.items = []; $scope.getItems = function() { $http({ meth

我正在学习Angular的基础知识，但在从简单的RESTAPI获取数据时遇到了问题。 我读到：

仍然不知道这段代码有什么问题： 控制器：

Todoapp.controller('DaneAPI' ['$scope', '$http', function($scope, $http) {
        $scope.items = [];
        $scope.getItems = function() {
            $http({
                method : 'GET',
                url : '/todos'
            }).then(function(data, status) {
                    $scope.items = data;
                }, function(data, status) {
                    alert("Error");
                    }
            );

    }}]);
在html中（更准确地说是它的.ejs，因为我使用的是express，但这不重要）：



    

  • 


获取项目

    

  • 
{{item.name}

    •
GET send to localhost:3000/todos工作正常-我用Postman测试了它，它给了我一些数据

还有一个我不明白的问题-为什么ng show不适用于
？不管“标签”中有什么，它都是可见的。在完整列表中，我有3个选项卡。

不确定您是否已经定义了ng应用程序（例如，在您的html标记上），但如果尚未定义，则需要添加该选项卡。例如：

<html ng-app="app">...

。。。
您还需要相应的模块定义。：-）

为什么项目中有
项目。名称
而不是项目中的
项目
？复制粘贴错误？打字错误不明白，重复？或者它正在做一些我不明白的事情。您在浏览器中的响应是什么样子的？很抱歉复制粘贴错误！我用一些可能性来测试它。。。我尝试了items中的item-仍然没有为此get的响应指定两个name值。在浏览器中，我看不到任何东西，你是否在todosrtl中有像
scope.daneZapi=true/false这样的变量？在
todosrtl
中有一个变量，在
中我有
在.js中我有
var Todoapp=angular.module（'Todoapp'，['ngRoute'，ngResource'）

<html ng-app="app">...