Errors using ng-repeat to display data in view AngularJS

Question

I am trying to display some data from an array in the view using ng-repeat but it does not work.

This is how my html looks:

<div>
        <p>loop here</p>
        <ul>
            <li ng-repeat="item in transferTest">{{item.Marks}}</li>
            <li>{{item}}</li>
            <li>{{item.Marks}}</li>
        </ul>
    </div>

And this is how my controller looks:

 $scope.resultsArray.push({"Module_Code": $scope.moduleCode, "Marks" :$scope.marks,"Recommendation" :$scope.moduleRecommendation})                                       
  $rootScope.transferTest = $scope.resultsArray;

Basically this is how my data is organized:

[
{"Module_Code": "IT", "Marks": "70", "Recommendation": "test"}
{"Module_Code": "ACC", "Marks": "30","Recommendation": "testintuber"}

It seems that I am unable to access the $rootScope.transferTest from the view.

Are you sure you don't have a transferTest defined in some other scope below rootScope? Does it need to be in rootScope at all? If it needs to be shared it would be much better to use a service for it. — pedromarce
– pedromarce, Commented Oct 26, 2016 at 15:20

Sajeetharan · Accepted Answer · 2016-10-26 13:29:10Z

1

Your JSON is not properly formated,

it should be,

[
{"Module_Code": "IT", "Marks": "70", "Recommendation": "test"},
{"Module_Code": "ACC", "Marks": "30","Recommendation": "testintuber"}]

DEMO

edited Oct 26, 2016 at 13:29

answered Oct 26, 2016 at 13:23

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

4 Comments

purplewind Over a year ago

@sanjeetharan I updated the JSON, but it is still not working.

Sajeetharan Over a year ago

@purplewind Check the demo attached

purplewind Over a year ago

@sanjeetharan My code is very similar to yours, but the <ul> object just refuse to display the <li> with the ng-repeat.Any idea roughly why this is happening ? I am thinking maybe the view page is initialize before the data is even written into the $rootScope.

Sajeetharan Over a year ago

Can I take team viewer ?

Mikkel · Accepted Answer · 2016-10-26 13:23:31Z

1

Your data is malformed: [ {"Module_Code"= "IT", "Marks": "70", "Recommendation": "test"} {"Module_Code**:= "ACC", "Marks:** "30","Recommendation:= "testintuber

answered Oct 26, 2016 at 13:23

Mikkel

7,7773 gold badges20 silver badges32 bronze badges

Collectives™ on Stack Overflow

Errors using ng-repeat to display data in view AngularJS

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related