角度2改变元素的位置

Question

在组件模板中,我有一个图像.依赖于布尔值我想在其上放置另一个图像.最终结果如下所示:

第二个图像是绿色选择器图像.为此,我需要将选择器图像放置在主标题图像的尺寸上.ETA:有些图像高于宽图像,有些图像高于宽图像.因此,选择器图像的顶部偏移取决于标题图像的实际高度.

我有一个事件处理程序用于load图像事件,当两个都加载时我想做定位.两个图像都可以在组件中获得@ViewChild.我试图设置offsetTop和offsetLeft的特性nativeElement,但它们是只读的.我已经确认我的load处理程序中的两个图像都具有正确的尺寸.

我怎么能在模板本身或我的load处理程序中做到这一点？

Answer 1

如果其他人需要针对类似问题的解决方案:

我在处理程序中计算top和left定位(基于标题图像),在load选择图像上的模板中我添加了类似的东西[style.top]="top" [style.left]="left"(where top和left是以"px"结尾的字符串).