Question

我正在学习Angular的基础知识，并且在从简单的rest api获取数据时遇到问题。我读到了这个：How to write an angularJs Controller to GET Rest Data from Parse.com

仍然不知道此代码中的错误：控制器：

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因为我使用快递，但这不重要）：

<body ng-controller="TodosCtrl as todos">
  <ul clas="nav nav-pills">
    <li> <a href ng-click="tab = 'daneZapi'">DaneZApi</a></li>
  </ul>
  <div class="panel" ng-show="tab === 'daneZapi'" ng-controller="DaneAPI">
    <button type="button" ng-click="getItems()">Get Items</button>
    <ul>
      <li ng-repeat="item in items.name">
        {{item.name}}
      </li>
    </ul>
  </div>
</body>

GET发送到localhost：3000 / todos工作正常 - 我和Postman一起测试它并且它给了我一些数据。

还有一个我无法弄清楚的问题 - 为什么ng-show不适用于<button>？尽管在＆＃34; tab＆＃34;中有什么可见，但它仍然可见。在完整列表中，我有3个标签。

Answer 1

不确定您是否已经定义了ng-app（例如，在您的html标签上），但如果您还没有，则需要添加。 E.g：

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

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

从Rest API获取数据 - Angular JS

1 个答案: