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

时间:2019-08-27 20:52:33

标签: javascript angular selector angular-directive angular8

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

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

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

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

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

2 个答案:

答案 0 :(得分:1)

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

MyHttpApp

答案 1 :(得分:0)

您是否尝试过通过CSS控制高度? 像:

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

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

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

我还是建议使用类,例如

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