1 компонент вызывается несколько раз. то же самое, если angularjs
Итак, это проблема, повторяющаяся в проекте, поэтому я хочу найти не чистый метод, а эффективный способ ее исправить.
У меня есть componentA и componentB
componentA получил элемент с идентификатором, который он хочет изменить в коде.
по какой-то причине componentA может вызывать componentB, а для других манипуляций у вас может быть componentB, вызывающий другой componentA.
на веб-странице у вас снова будет: componentA -> componentB -> componentA.
теперь из второго компонента A я хочу изменить элемент с идентификатором, но поскольку он уже есть на странице, он не работает.
как я могу связать elementA-1 с componentA1 и elementA-2 с componentA-2 без использования идентификатора?
Спасибо
Ответы 1
Вы можете присвоить элементу собственный идентификатор из компонента. то вы можете выбрать по идентификатору элемент из компонента
componentA.js
// this is to make a random ID
componentScope.elementID = Math.random().toString(36).substring(7);
componentA.html
id = "{{componentScope.elementID}}"
чтобы вы могли получить доступ из компонента, используя
document.getElementById(componentScope.elementID);