У меня есть директива, которая генерирует угловой слайдер (используя jquery-ui). Мне нужно ввести HTML-код внутри дочернего слайдера (<a>). Моя проблема в том, что я не могу получить доступ к дочернему элементу <a> (мой элемент хостинга), потому что он создается сразу после того, как вся страница готова (вероятно, модуль angular-slider запускается после моей функции ссылки).
Итак, внутри моей директивы у меня есть этот ползунок:
<div ui-slider="yearsNumberSlider.options" ng-model="yearsNumberSliderValue.value"></div>
Только после того, как DOM будет готов, мой элемент хостинга (<a>) доступен, но слишком поздно, чтобы моя функция директивной ссылки могла внедрить необходимый HTML.
Должен ли я использовать $watch или $observe, чтобы увидеть, когда в приведенном выше коде есть какой-то контент, а затем попытаться внедрить свой HTML-код внутрь его <a> дочернего элемента?
Спасибо!
ОБНОВЛЕНИЕ Я нашел решение, но не уверен, что это правильный способ внедрить мой HTML-код:
link: function(...){
...
$timeout(function() {
element.find('a').append(myHTML);
});
}
