使用NgIf获取子组件的宽度和高度

时间:2016-10-01 17:21:53

标签: angular

我有一个父组件,其子组件使用NgFor填充自己。父级定义属性childIsVisible = false并使用*ngIf="childIsVisible"将子级绑定到它,因此最初不会显示子级。

稍后,我想将childIsVisible翻转为true,以便显示子组件,并且我希望根据子组件的宽度定位子项。

我的问题是,在翻转可见性的父方法中,我无法获得孩子的宽度,因为它尚未显示。我想要的是一种切换可见性的方法,一旦显示子组件,获取其宽度并相应地定位它。

我已经看过使用AfterContentChecked,但这看起来有点沉重,因为它几乎不断被称为。

希望这是有道理的,任何关于不同方法的想法都会很棒。

干杯

1 个答案:

答案 0 :(得分:0)

也许[hidden]="!childIsVisible"可以解决问题。它将在DOM中显示,只有在childIsVisible切换到true之后才会隐藏。让我知道你的结果!