1

В html файле есть метки для вывода информации:

<div class="container" ng-controller="MainController">
    <span class="blc" ng-repeat="process in processess">
    <i class="fa fa-space-shuttle"></i>
    <span class="p-left ">{{ process.caption }}</span>
    </span>
</div>

Что делать, подскажите, как правильно обрабатывать ng-repeat при обработке ajax-ом?

app.controller('MainController', ['$scope', function($scope) { 

/*
если оставить так, то данные выведутся, ибо они уже присутствуют при загрузке страницы
$scope.processess = [
 {caption: "ОПИСАНИЕ_1"},
 {caption: "ОПИСАНИЕ_2"}
];

*/

// однако, данные лежат в базе, и я их вытаскиваю через jquery.ajax + custom
service.processtypes().then(function(data){
    // $scope.processess не отрабатывает и не отображается на странице
    $scope.processess = [
     {caption: data[0]},
     {caption: data[1]}
    ];

});


}]);

Что делать, подскажите, как правильно обрабатывать ng-repeat при обработке ajax-ом?

9
  • вот так и сделать - это обычная практика - когда придет ответ, view перерисуется, хотя это зависит от содержания service.processtypes
    – Grundy
    Commented 12 июл. 2016 в 10:19
  • 1
    добавь пример содержания service.processtypes
    – Grundy
    Commented 12 июл. 2016 в 10:29
  • добавьте $scope.$digest() после $scope.processess, чтобы запустить digest цикл ангуляра
    – zhenyab
    Commented 12 июл. 2016 в 10:31
  • добавь внутри функции console.log(data), что бы понять что там за данные. Commented 12 июл. 2016 в 10:32
  • 1
    @Grundy совершенно справедливое замечание. Нужно избегать использования $digest и уж тем более $apply
    – zhenyab
    Commented 12 июл. 2016 в 10:41

3 ответа 3

0

если длина массива data непостоянная, то лучше делать так.

service.processtypes().then(function(data){
    $scope.processess = data.map(function(item){
         return {"caption":item};
    });
});

а в html попробуй сделать так, тогда возможно избавишься от $apply

<span class="blc" ng-repeat="process in processess track by $index">
5
  • 1
    а смысл делать так? тем более тут лучше использовать метод map, который как раз и предназначен для получения нового массива на основе исходного
    – Grundy
    Commented 12 июл. 2016 в 11:05
  • про map не знал, спасибо, исправил. А смысл очевиден. Commented 12 июл. 2016 в 11:13
  • 1
    вообще от $apply способом из ответа не избавиться. Потому что проблема не в массива, а в service.processtypes
    – Grundy
    Commented 12 июл. 2016 в 11:22
  • я подумал, что нет смысла делать map. Про trak by $index это так предположение. Commented 12 июл. 2016 в 11:24
  • ну я про тот forEach и говорил, потому что сначала не понял зачем он :-)
    – Grundy
    Commented 12 июл. 2016 в 11:27
0
$scope.$apply();

метод очень помог

1
  • лучше $digest, цикл будет короче, если только $scope.processess не появляются где-то выше
    – zhenyab
    Commented 12 июл. 2016 в 10:32
0

Так как

вытаскиваю через jquery.ajax + custom

Ангуляр не знает, что запрос закончился, данные обновились и нужно обновить соответствующее view.

Вариантов решения множество: вызов $digest, обернуть в функцию $apply, воспользоваться сервисом $timeout

Но лучшее решение - воспользоваться встроенным сервисом $http для запросов, при получении ответа, ангуляр сам проделает необходимые действия и обновит view если потребуется.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.