Угловая: пустая страница после изменения переменной $ scope

Question

У меня есть угловое приложение, которое направляется к шаблону с именем viewAll.html после нажатия ссылки.

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

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

Вот код:

$http({ 
    method: 'post', 
    url: appContext('MarkMessageAsReadV2.json'), 
    data: { 
     "customerNotificationId":"", 
     "isRead":"Y", 
     "channelTypeCode":"101", 
     "readAll":"Y", 
     "customerType": "A" 
    } 
}).success(function (data) { 
    $http.post(appContext('ViewAllNotificationsV2.json'), { 
      "categoryGroupType":"ROLB", 
      "isArchived":"N", 
      "channelTypeCode":"101", 
      "limit":"20", 
      "page":"0", 
      "customerType": "A" 
     }).success(function(content, status, headers, config) { 
      $scope.notifications = content.all.notification; 
      $scope.personalNotifications = content.personal.notification; 
      $scope.businessNotifications = content.business.notification; 
     }).error(function(data, status, headers, config) { 
      // log error 
     }); 
}).error(function (a, b, c) { 
     console.log(a, b, c); 
}); 

Answer 1

пытаются использовать $ scope.apply() после области видимости переменных

$scope.notifications = content.all.notification; 
$scope.personalNotifications = content.personal.notification; 
$scope.businessNotifications = content.business.notification; 
$scope.$apply();