Angular 8-如何通过类名获取最接近的父级？

Question

这是我要实现的目标（以示例场景为例）-

• 元素1
  • 元素2
  • 元素3
    • 元素4

元素4是我的角度分量。我想根据元素1和元素2的高度设置其高度。

元素1和元素2可以位于元素层次结构中的任何位置，即它们不一定必须是直接父级或同级。我希望能够通过它们的类名获取Element 1和Element 2的引用并获取它们的高度。

按类名或任何其他选择器查询angular中的父元素的最佳方法是什么？

Answer 1

请注意，这实际上并不是最佳实践。迭代发生100次，希望可以根据类名查找父元素。

MyHttpApp

Answer 2

您是否尝试过通过CSS控制高度？ 像：

div p 选择<p>元素内的所有<div>元素

div> p 选择所有<p>元素，其中父元素是<div>元素

https://www.w3schools.com/cssref/css_selectors.asp

我还是建议使用类，例如

element1-class > element4-class {
   height: 30px;
}