要素の角度2の変化位置

Question

コンポーネントテンプレートにはイメージがあります。 ブール値に依存し、別のイメージをその上に置きたいと思います。 最終結果は次のようになります。

2番目のイメージは緑のセレクタイメージです。 これを行うには、セレクタイメージをメインタイトルイメージのサイズに応じて配置する必要があります。 ETA：画像の中にはワイドよりも大きいものもあれば、ワイドよりも広いものもあれば、より広いものもあります。セレクタ画像の上部のオフセットは、タイトル画像の実際の高さに依存する。

私は画像のloadイベントのイベントハンドラを持っています。両方がロードされたときに、私は位置決めをしたいと思います。 両方の画像は、@ViewChildを介してコンポーネントで使用できます。 nativeElementのoffsetTopとoffsetLeftのプロパティを設定しようとしましたが、これらは読み取り専用です。私は正しいサイズの私のloadハンドラーの両方のイメージがあることを確認しました。

テンプレート自体またはloadハンドラでどうすればいいですか？それ以外の場合は誰かに

Answer 1

は、同様の問題の解決策を必要とします：

私が選択した画像の上にloadハンドラで、テンプレートで（タイトル画像に基づいて）topとleft位置を計算し、私は[style.top]="top" [style.left]="left"のようなものを追加しました（topとleftは "px"で終わる文字列です）。