1个组件被多次调用。如果angularjs也一样

Question

所以，这是项目中经常出现的问题，所以我不想找到一个干净的方法，而是一个有效的方法来解决它。

我有一个componentA和一个componentB

componentA获得了一个其ID要在代码中修改的元素。

由于某种原因，componentA可以调用componentB，而出于其他操作，您可以让componentB调用另一个组件componentA。

在网页中，您将再次拥有：componentA-> componentB-> componentA。

现在，我想从第二个componentA中修改一个具有ID的元素，但是由于页面上已经存在一个，所以它不起作用。

如何在不使用id的情况下将elementA-1与componentA1绑定以及elementA-2与componentA-2绑定？

谢谢

Answer 1

您可以从组件内部为元素提供自定义ID。 然后您可以通过ID从组件中选择元素

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);