Geting data from Rest API - Angular JS

Question

I'm learning basics of Angular and have a problem with getting data form simple rest api. I read this: How to write an angularJs Controller to GET Rest Data from Parse.com

And still don't know what is wrong in this code: Controller:

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");
                    }
            );

    }}]);

And in html (to be more precise its .ejs cause I'm using express, but that shouldn't matter):

<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 send to localhost:3000/todos works ok - I testes it with Postman and it's giving me some data.

And one more question that I can't figure out - why does ng-show does not work for <button>? It's visible despite what is in "tab". In full listing I have 3 tabs.

Why is item in items.name not item in items? copy paste error? typo? not understand ng-repeat? or is it doing something i just don't understand. — user400654
– user400654, Commented Dec 1, 2015 at 21:56
sorry for the copy-paste error! I was testing it with a few possibilities... i tried with item in items - still nothign The response for this get should have two name values. In the browser I don't see anything — wiwo
– wiwo, Commented Dec 1, 2015 at 21:59
ng-show="tab === 'daneZapi'", do you have a variable like $scope.daneZapi = true/false in TodosCrtl? — Shaohao
– Shaohao, Commented Dec 1, 2015 at 22:01
there is a variable in <a href ng-click="tab = 'daneZapi'">DaneZApi</a> — wiwo
– wiwo, Commented Dec 1, 2015 at 22:03

Fredrik Holm · Accepted Answer · 2015-12-01 21:59:16Z

0

Not sure if you already have defined ng-app (e.g. on your html tag), but if you haven't you need to add that. E.g.:

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

You also need a corresponding module definition. :-)

answered Dec 1, 2015 at 21:59

Fredrik Holm

1669 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

wiwo Over a year ago

I have <html ng-app="Todoapp"> and in .js i have var Todoapp = angular.module('Todoapp', ['ngRoute', 'ngResource']);

Collectives™ on Stack Overflow

Geting data from Rest API - Angular JS

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related