ng-repeat не дублирует данные, когда список обновляется динамически

0

Я добавляю данные в массив динамически и пытаюсь дублировать div с помощью ng-repeat.

Если данные были добавлены первоначально, они отображаются правильно, но не если мы добавим данные динамически позже.

угловая

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);
Теги:
dynamic
ng-repeat

3 ответа

0
Лучший ответ

Я думаю, что решение может состоять в том, чтобы вызвать

$scope.$apply();

См. Здесь: Как я могу сказать, что AngularJS "обновляет"

  • 0
    Спасибо, парни. вещи были обновлены.
0

использовать $ apply для обновления

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

        });
0

Пожалуйста, обратитесь к этому сообщению для обновления данных области из-за угла:

Область доступа AngularJS от внешней функции js

Ещё вопросы

Сообщество Overcoder
Наверх
Меню