Вызов функции после загрузки HTML AngularJS

Question

Вызов функции после загрузки HTML AngularJS

0

Ребята У меня есть следующая директива:

angular.module('blah').directive('someDirective', function () {
   return {
        scope: {
            arrayParam1: '=arrayParam1',
            arrayParam2: '=arrayParam2'
        },
        restrict: 'E',
        templateUrl: '/my/path/to/someDirective.tpl.html',
        link: function (scope, elem, attrs) { 
            //Some logic
            scope.someEvent = function(){
              //some logic
            }
            scope.$on('$viewContentLoaded', function () {
                debugger;
                scope.someEvent();
            });
        }
   };
});

Теперь в HTML у меня есть ng-repeat над одним из массивов (например, arrayParam1), и я показываю некоторые вещи. Теперь моя цель, как вы можете предположить, это запустить scope.someEvent после полной загрузки HTML (завершена итерациями ng-repeat).

Хорошо, когда я использую $, он даже не останавливается на отладчике. Если я изменил его на $ watch, он остановится после того, как весь код будет закончен в JS, но HTML все равно не отображается, и он вызывает даже я хочу, прежде чем будет сделано представление.

Заранее спасибо.

Lazar Lazarov 02 авг. 2016, в 10:55

Источник

0

Вы можете использовать тайм-аут вместо viewContentLoaded
The Mechanic 02 авг. 2016, в 08:58
0

Это звучит как проблема XY. Чего ты пытаешься достичь?
Iso 02 авг. 2016, в 08:58
0

@TheMechanic Ну, да, я знаю о тайм-ауте, но я хотел, чтобы он делал это как можно яснее. @ Iso Цель гораздо более сложна, чем пример, который я написал. Я создаю аккордеон с помощью ng-repeat, и после того, как это будет сделано в HTML, я хочу динамически добавлять элементы в каждую панель (из js).
Lazar Lazarov 02 авг. 2016, в 09:04
1

@lazarov Почему бы вам не добавить элементы внутри ng-repeat ?
Iso 02 авг. 2016, в 09:06
0

@lazarov для доминантных манипуляций в angular лучше играть с массивом, а не с элементами dom
The Mechanic 02 авг. 2016, в 09:08
0

@Iso Он слишком сложен, чтобы выполнять всю логику только через html. Как я уже сказал, это гораздо более серьезная проблема, чем та, которую я опубликовал, например.
Lazar Lazarov 02 авг. 2016, в 10:09

Показать ещё 4 комментария

Теги:

javascript

html

angularjs

angularjs-directive

1 ответ

Ещё вопросы

Вы можете использовать тайм-аут вместо viewContentLoaded
Это звучит как проблема XY. Чего ты пытаешься достичь?
@TheMechanic Ну, да, я знаю о тайм-ауте, но я хотел, чтобы он делал это как можно яснее. @ Iso Цель гораздо более сложна, чем пример, который я написал. Я создаю аккордеон с помощью ng-repeat, и после того, как это будет сделано в HTML, я хочу динамически добавлять элементы в каждую панель (из js).
@lazarov Почему бы вам не добавить элементы внутри ng-repeat ?
@lazarov для доминантных манипуляций в angular лучше играть с массивом, а не с элементами dom
@Iso Он слишком сложен, чтобы выполнять всю логику только через html. Как я уже сказал, это гораздо более серьезная проблема, чем та, которую я опубликовал, например.

Amitpal Rawat · Answer 1 · 2016-08-02T08-04-00.000Z

используйте $ timeout.

$timeout(function () {
   scope.someEvent();         
});

это поможет.

или если вы не хотите использовать $ timeout, что вам нужно сделать, это сделать еще одну директиву родительской для этой директивы и выполнить или запустить функцию в фазе ссылок родителей

Это плохая практика использовать timeout .
да это плохо. Но тогда он должен сделать другую директиву родителем этой директивы и выполнить или вызвать функцию в фазе связи родителей.