Не работает $compile после запроса?

Question

[Abc Edc]

function getTemplate(conf) {

                var compileScope = $rootScope.$new();
                angular.extend(compileScope, conf);

                var element = $compile(angular.element(
                    '<div class="tooltip-chart">' +
                    '<p>{{from}} - {{to}}</p>' +
                    '<p ng-if="y">USD: <bold style="color: #000000">{{y}}</bold></p>' +
                    '<span ng-if="news">' +
                    '<hr>' +
                    '<p ng-repeat="item in news">{{item}}</p>' +
                    '<hr>' +
                    '<p>3 of {{length}}<a ui-sref="news">VIEW ALL</a></p>' +
                    '</span>' +
                    '</div>'
                ))(compileScope);

                compileScope.$apply();

                return element.html();
            }

Из лоокальных данных работает. По после запроса на then почему то не работает и кидает трейс на моменте compileScope.$apply();
В чем вообще подвох?

Answer 1

[Сергей Протько]

По после запроса на then почему то не работает и кидает трейс на моменте compileScope.$apply();

Приведи трейс, я на 90% уверен что у тебя там ошибка вида $digest already in progress.

Это пожалуй самое гнилое место в ангуляре и я дико рад тому что они избавились от этого во втором. Перед запуском $digest цикла (то что вызывается у $rootScope когда вы делаете apply) надо бы проверить не запущен ли он. Сервис $http автоматически запускает $digest по завершению запроса, если что.

Самый простой способ обезапасить себя от подобного - использовать сервис $timeout, который является оберткой и сам хэндлит $digest цикл.

Comments

[Abc Edc]

prntscr.com/9idzy3

[Сергей Протько]

ГЛЕБ ГЛЕБОВ: ммм.... а чуть выше, само исключение в чем заключается?

[Abc Edc]

Ну в общем это то там других вариантов нет, как только использовать синхронно и без запросов или убрать дижестто работает.А что именно нужно обернуть в таймаут или evalAsync ?

[Abc Edc]

$scope.safeApply = function(fn) {
var phase = this.$root.$$phase;
if(phase == '$apply' || phase == '$digest') {
if(fn && (typeof(fn) === 'function')) {
fn();
}
} else {
this.$apply(fn);
}
};
Такое вот решение еще нашел

[Сергей Протько]

ГЛЕБ ГЛЕБОВ: проще обернуть все в $timeout.

[Сергей Протько]

ГЛЕБ ГЛЕБОВ: и да, почитайте про $digest loop в ангуляре, многое встанет на свои места.