1 компонент вызывается несколько раз. то же самое, если angularjs

Итак, это проблема, повторяющаяся в проекте, поэтому я хочу найти не чистый метод, а эффективный способ ее исправить.

У меня есть componentA и componentB

componentA получил элемент с идентификатором, который он хочет изменить в коде.

по какой-то причине componentA может вызывать componentB, а для других манипуляций у вас может быть componentB, вызывающий другой componentA.

на веб-странице у вас снова будет: componentA -> componentB -> componentA.

теперь из второго компонента A я хочу изменить элемент с идентификатором, но поскольку он уже есть на странице, он не работает.

как я могу связать elementA-1 с componentA1 и elementA-2 с componentA-2 без использования идентификатора?

Спасибо

1
0
19
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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);

Другие вопросы по теме