角度2改变元素的位置

Question

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

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

我有一个事件处理程序用于图像的load事件，当两者都被加载时我想进行定位。 两个图像都可以通过@ViewChild在组件中使用。 我尝试设置offsetTop的{​​{1}}和offsetLeft属性，但它们是只读的。我已经确认我的nativeElement处理程序中的两个图像都具有正确的尺寸。

如何在模板本身或我的load处理程序中执行此操作？

Answer 1

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

我在top处理程序中计算left和load位置（基于标题图片），在选择图片上的模板中我添加了类似[style.top]="top" [style.left]="left"的内容（其中top和left是以＆＃34; px＆＃34;）结尾的字符串。