1 个组件被多次调用。如果 angularjs 相同

Posted 2023-02-23

【中文标题】1 个组件被多次调用。如果 angularjs 相同

【英文标题】：1 component called multiple times. same if angularjs

【发布时间】：2019-03-30 20:34:15

【问题描述】：

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

我有一个组件A和一个组件B

componentA 得到一个元素，其 ID 想要在代码中修改。

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

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

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

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

谢谢

【参考方案1】：

您可以在组件中为元素指定一个自定义 ID。 然后你可以通过 id 从组件中选择元素

componentA.js

// this is to make a random ID
componentScope.elementID = Math.random().toString(36).substring(7);

组件A.html

id="componentScope.elementID"

因此您可以使用

从组件访问

document.getElementById(componentScope.elementID);