Angular: прослушиватель событий для динамического элемента из внешней библиотеки
Я реализовал автозаполнение ввода с опережением ввода из начальной загрузки в свой элемент ввода, у него также есть переключаемый язык (справа налево и слева направо).
По умолчанию раскрывающееся меню - text-align: left, и оно создается динамически при вводе текста. Я пытаюсь прикрепить к нему eventListener, когда он находится на входе RTL, он переопределит свой css на text-align: right и обратно налево, если он на LTR.
Я пробовал это для каждого ltr / rtl:
let dd_element = document.getElementsByClassName('dropdown-menu')[0]
dd_element.classList.add('dropdown-toLeft')
Но я получаю неопределенную ошибку, поскольку элемент еще не существует
Итак .. Как я могу контролировать динамический элемент и его поведение?
элемент еще не создан, поэтому, если я попытаюсь что-то изменить, я получу undefined
Если вы настроите таргетинг на раскрывающийся элемент с помощью CSS, не будет иметь значения, существует этот элемент или нет. Правило CSS будет применяться всякий раз, когда создается элемент. Можете ли вы опубликовать разметку HTML для раскрывающегося элемента для ltr и rtl?
Я пробовал, но это не повлияет, когда я переключаю компоненты
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
При переключении на язык RTL атрибут
dirустанавливается где-нибудь в HTML? Возможно, вы могли бы решить эту проблему с помощью css:[dir = "rtl"] .dropdown-menu { text-align: right!important; }.