Ng-Повторять не обновляется до обновления страницы

Question

Чтобы дать краткое изложение того, что я работаю над:

Это приложение является телефонная книга, которая делает вызов нашей серверной системы и возвращает полезную нагрузку JSON, который затем анализироваться и сохраняется в локальном хранилище для автономного доступа, а затем данные отражаются в простом формате рабочего стола.

Чтобы дать простой рабочий процесс:

1. журналы пользователей в
2. вызова к серверным посредством запроса Ajax производится под учетной записью пользователя
3. Данные хранятся в локальном хранилище
4. Данные добавлен в $ rootScope.allEmployeeИнформация переменной
5. Ion-List отражает данные, хранящиеся в переменной $ rootScope.allEmployeeInformation на главном экране.

Моя проблема заключается здесь:

После входа в систему данные вытягивается и хранятся надлежащим образом, но Ion-List не отображаются данные, пока страница обновляется либо через тянуть, чтобы обновить функциональность Я выполнил , кнопку повторной синхронизации или перезапуск приложения.

Есть ли способ гарантировать, что эти фрагменты данных будут отображаться без необходимости обновления страницы?

Был бы более чем счастлив предоставить больше необходимой информации. Спасибо, что помогли ребятам!

Edit, обновление с некоторым кодом по запросу:

Code which performs the ajax request

Html, который отображает информацию:

<ion-view> 
<ion-content class="scroll-content has-header animated fadeIn" ng-controller="HomeScreenController" padding="true"> 
<ion-refresher 
pulling-text="Pull to resync...." 
on-refresh="resyncEmployees(true)"> 
</ion-refresher> 
<ion-list> 
<ion-item 
class="ion-item-content" 
ng-repeat="employee in allEmployeeInformation | orderBy:'lastName'" 
ng-controller="AccountCtrl" 
ng-click="changeTabb(1, {{employee.identifier}})"> 

<div class="item-icon-left"> 
<i class="icon ion-person"></i> 
<h3>{{employee.userCN}}</h3> 
<h5>{{employee.title}}</h5> 
<h6>{{employee.town}}</h6> 
</div> 

<div class="item-icon-right"> 
<i class="icon ion-chevron-right icon-accessory"></i> 
</div> 

</ion-item> 
</ion-list> 
</ion-content> 
</ion-view> 

Edit # 2: я считаю, я сузил вниз к infact является проблемой с ng-repeat, а не Ion-List, как я ожидал на первый взгляд. Обновление эталонных тегов.

Cheers! Mike

Answer 1

Довольно легко - вы используете $.ajax jQuery, и это не вызывает цикл дайджеста. Циклы дайджеста - это то, что говорит «Угловое» обновление, а 2-х сторонное связывание существенно (заглушено). Используйте прилагаемый модуль Angular $http.

$http.get(agent).then(function(response) { 

}); 

Кроме того, вы вызываете location.reload() в конце кода - который будет избавиться от любого клиента изменения, которые вы сделали до сих пор. Вам, вероятно, это не нужно.

Answer 2

Не видя никакого кода, вы также можете попробовать установить cache: false в конфигурацию маршрутов. См. Пример ниже:

.state('dashboard', { 
    cache: false, 
    url: '/dashboard', 
    views: { 
    'menuContent' : { 
     templateUrl: 'templates/dashboard.html', 
     controller: 'DashboardController', 
    } 
    } 
}) 

Если у вас есть какой-либо код для публикации, я могу быть в состоянии помочь.

EDIT Зачем вам нужно использовать $rootscope? Вы также должны попробовать использовать $scope, потому что у вас всегда будет доступ к информации о сотруднике в localStorage, если вы хотите использовать его в другом представлении или контроллере.