ng-repeat is not binding values into Dom?

Question

I am loading data dynamically to ng-repeat so once i receive data its not binding it to ul , i know sometime it happens if you have duplicate indexes but in below case i am not sure what is happening, Any idea ?

main.html

<div> <ul ng-repeat="message in data track by index"> <li>{{message}}</li> </ul> </div>

ctrl.js

angular.module('loggingApp').controller('DitCtrl',function ($scope,DitFactory) { 'use strict'; DitFactory.getLogs().then(function (response) { $scope.data = response.data; console.log($scope.data); }); });

console.log

printing data in console ["test.txt", "test1.txt", "test2.txt", "test3.txt", "test4.txt"]

Did you try ng-repeat="message in $scope.data track by index" ? — Khan
– Khan, Commented Jun 30, 2016 at 16:38
try $scope.data.messageData = response.data; and ng-repeat="message in data.messageData track by index" — Chris G
– Chris G, Commented Jun 30, 2016 at 16:43

jbrown · Accepted Answer · 2016-06-30 16:42:18Z

5

Your ng-repeat needs to look like this:

ng-repeat="message in data track by $index"

answered Jun 30, 2016 at 16:42

jbrown

3,0351 gold badge18 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

ng-repeat is not binding values into Dom?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related