Javascript 角度样板参照：将一个div的高度绑定到另一个div的高度

我想将一个角度组件的高度绑定到div的高度。我正在尝试使用模板引用获取高度

是否有可能以干净的方式使用此方法？我想在下面的片段中这样做

<div [style.height.px]="section1.offsetHeight"></div>
<app-custom-tag #section1>
</app-custom-tag>

我希望

的高度等于

---

我不能使用css列布局，因为这两个元素没有放在一起。

我认为您还需要做一些额外的事情

当在视图中引用组件时，将得到类实例。记住这一点，您可以注入

ElementRef

，以便获得有关本机元素的信息

考虑这个例子：

foo.component.ts

@组件({
选择器：“foo”，
模板：`foo`，
样式：[`:主机{颜色：红色；显示：块；高度：300px；}`]
})
出口级食品公司{
偏离视线（）{
返回此.el.nativeElement.offsetHeight；
}
构造函数（私有el:ElementRef）{}
}

app.component.ts

@组件({
选择器：“我的应用程序”，
模板：`
{{f.offsetHeight}}




{{i.id}
`,
})
导出类AppComponent{}

在视图中引用DOM元素时，将得到该DOM元素

---

.

你把

java

和

javascript

混淆了吗？你是什么意思@Turing85.oops中的

java

标记！我的错。这是javascript。当你尝试问题中的代码时，你会得到什么？