Angular JS ng-repeat not displaying values

Question

I am making an REST call from angular to Spring . I am able to get the response back .When i am trying to populate the values in the view using ng-repeat , nothing is shown on the screen .

This is my Angular Code This code is inside the showhidecontroller

  var resuls = $http.post('http://localhost:8080/aeservices/AddConfig', dataobj);
          resuls.success(function(data, status, headers, config) {
                $scope.dbresponse= data;
                $scope.messagetest = $scope.dbresponse[0].messages;
                alert($scope.messagetest);
                console.log( $scope.messagetest);
                console.log(data);

                });

This is my Response i recieved from API

    [{
"data12": null,
"name": null,
"errors": ["error data1", "error data2"],
"messages": ["Configuration has been Added successfully", "Configuration has been Added successfully"]
}]

This is my HTML

     <table ng-controller="ShowHideController">
<tr ng-repeat="item in dbresponse[0].errors" >
        <span><td align="left" class="validationMsg"><img src="images/red_bullet.gif" border="0" width="8" height="8" alt="">&nbsp
{{item}}
</td></span></tr>
</table>

I tried using ng-repeat by declaring myself an item like this $scope.items = ['one','two','three','four']. Even this is not showing up on the HTML.

Sajeetharan · Accepted Answer · 2016-11-30 17:49:38Z

2

Try using data.data,

Controller:

app.controller("listController", ["$scope", "$http",
  function($scope, $http) {
    $http.get('test.json').then(function(response) {
      $scope.dbresponse = response.data;
    });
  }
]);

HTML:

  <table ng-controller="listController">
      <tr ng-repeat="item in dbresponse[0].errors">
        <td align="left" class="validationMsg"><img src="images/red_bullet.gif" border="0" width="8" height="8" alt=""> {{item}}
        </td>
      </tr>
  </table>

DEMO

edited Nov 30, 2016 at 17:49

answered Nov 30, 2016 at 17:40

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

8 Comments

Foreign Object Over a year ago

How is this any different than what op has posted? (your edit makes more sense now)

Sajeetharan Over a year ago

@ForeignObject yes i was in the middle, hope its better now

Praveen Over a year ago

Hey , you are doing the same thing i have done , May i know where i am going wrong

Sajeetharan Over a year ago

$scope.dbresponse = data.data;

Praveen Over a year ago

I did the Same now as you suggested , but still its not coming up in the view

|

captain · Accepted Answer · 2016-11-30 18:30:44Z

0

Please try this below code and don't declare variable resuls.

  $http.post('http://localhost:8080/aeservices/AddConfig', dataobj).success(function(data, status, headers, config) {
                $scope.dbresponse= data;
                $scope.messagetest = $scope.dbresponse[0].messages;
                alert($scope.messagetest);
                console.log( $scope.messagetest);
                console.log(data);

                });

answered Nov 30, 2016 at 18:30

captain

12 bronze badges

7 Comments

Praveen Over a year ago

I tried this and able to get the Alert, but my problem is i am not able to display it on the html

captain Over a year ago

As you are making AJAX call in an variable doesn't return anything.

Praveen Over a year ago

I have chnaged my code and tried the way you have mentioned, but still its not working . I hope there might be a problem with my controller/html part

captain Over a year ago

Before trying ng-repeat. Just try $scope.test="preveen"; and display in html and let me know whether it displays praveen ?

Praveen Over a year ago

No it is not getting displayed

|

Praveen · Accepted Answer · 2016-12-05 22:45:20Z

0

The Problem that happened was i have declared my controller twice in the HTML

answered Dec 5, 2016 at 22:45

Praveen

2451 gold badge5 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular JS ng-repeat not displaying values

3 Answers 3

8 Comments

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related