Обновление angularjs ng-repeat с данными из firestore

Question

Html

<li ng-repeat="name in $ctrl.names">{{name}}</li>

Приведенный ниже код извлекает данные из базы данных пожарного депо, и массив верхних имен обновляется.Однако представление не заполняется новыми данными.Я много читал об этом вопросе о stackoverflow и других местах, но безуспешно.Может кто-нибудь помочь, пожалуйста?Спасибо.

let names = [];
this.names = names;
listRef.get()
.then(function(doc) {
  if (doc.exists) {
    names = doc.data().listOfNames;
  }
}

Answer 1

Нашли исправление.Обернул переменную, которую я хотел обновить, в $ scope. $ Apply ().Это заставляет angularjs следить за обновлениями в $ scope.name, чего раньше он не делал, поскольку переменная $ scope.names обновлялась вне контекста angularjs.

$scope.names = [];
listRef.get()
.then(function(doc) {
  if (doc.exists) {
    $scope.$apply(function () {
      $scope.names = doc.data().listOfNames;
    }
  }
}

Answer 2

Можете ли вы попробовать это?Я предполагаю, что вы теряете ссылку на массив здесь.

let names = [];
$ctrl = this;
$ctrl.names = names;
listRef.get()
.then(function(doc) {
  if (doc.exists) {
    $ctrl.names = doc.data().listOfNames;
  }
}