当列表动态更新时，ng-repeat不会复制数据

Question

我正在动态地向数组添加数据并尝试使用ng-repeat复制div。

如果最初添加数据，它会正确呈现，但如果我们稍后动态添加数据则不会。

角

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

Answer 1

我认为解决方案可能是调用

$scope.$apply();

见这里： How can I tell AngularJS to "refresh"

Answer 2

请参阅此文章以更新外部角度的范围数据：

AngularJS access scope from outside js function

Answer 3

使用$ apply刷新

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

        });