ng-repeat doesn't duplicate data when list gets updated dynamically

Question

I am adding data to an array dynamically and trying to duplicate divs using ng-repeat.

If the data were added initially it renders properly, but not if we add data dynamically later.

angular

var app = angular.module('game',[]);
  app.controller('myCtrl', function($scope) {

  var json = [];
  $scope.setlobbyData = function(obj){
      $scope.json = obj;
      $scope.lobbyData = $scope.json;
  };
  });

HTML

<div ng-controller="myCtrl">
<div ng-repeat="i in lobbyData">some data</div>
</div>

js

var ssr = {
    "0": {
        "tradeSpread": 0,
        "minBuyIn": 10,
        "minPlayers": 2,

    },
    "1": {
        "tradeSpread": 0,
        "minBuyIn": 10,
        "minPlayers": 2,

    }
};
angular.element($("#foreignExchangeMain")).scope().setlobbyData(ssr);

score 0 · Accepted Answer · edited May 23 '17 at 11:58

0

I think the solution could be to call the

$scope.$apply();

See here: How can I tell AngularJS to "refresh"

edited May 23 '17 at 11:58

Community

1
1

answered Jun 29 '15 at 04:44

Blasfemizer

156
1
9

score 0 · Answer 2 · edited May 23 '17 at 12:30

0

Please refer this post for updating scope data from outside angular:

AngularJS access scope from outside js function

edited May 23 '17 at 12:30

Community

1
1

answered Jun 29 '15 at 04:50

Icycool

7,099
1
25
33

score 0 · Answer 3 · answered Jun 29 '15 at 05:28

0

used $apply to refresh

 var scope = angular.element($("#foreignExchangeMain")).scope();
        scope.$apply(function(){
            scope.json = ssr;
            scope.setlobbyData(ssr)

        });

answered Jun 29 '15 at 05:28

ganesh vembu

31
1
6

ng-repeat doesn't duplicate data when list gets updated dynamically

3 Answers3