In un modello di componente ho un'immagine. Dipendente da un booleano Voglio posizionare un'altra immagine sopra di esso. Il risultato finale è simile al seguente: Angolare 2 cambia posizione dell'elemento
La seconda immagine è l'immagine del selettore verde. Per fare ciò, devo posizionare l'immagine del selettore in base alle dimensioni dell'immagine del titolo principale. ETA: alcune immagini sono più alte che larghe mentre altre sono più larghe che alte. L'offset superiore dell'immagine del selettore dipende quindi dall'altezza effettiva dell'immagine del titolo.
Ho un gestore di eventi per l'evento load
delle immagini e quando entrambi sono caricati voglio fare il posizionamento. Entrambe le immagini sono disponibili nel componente tramite @ViewChild
. Ho provato a impostare le proprietà offsetTop
e offsetLeft
dello nativeElement
ma sono di sola lettura. Ho verificato di avere entrambe le immagini nel mio gestore load
con le dimensioni corrette.
Come posso farlo nel modello stesso o nel gestore load
?
Questo non ha nulla a che fare con Angular. CSS puro sarebbe sufficiente. – dfsq
Come? Non conosco le dimensioni dell'immagine del titolo. Gli offset fissi per l'immagine del selettore non funzionano. – hholtij
Post HTML, senza di esso non ha senso cercare di indovinare. – dfsq