Praticamente devo ricorda l'altezza della pagina in cui era l'utente, in modo da andare a quell'altezza nel caso in cui l'utente cambi pagine e poi ritorni li.
In Angular possiamo fare tutto questo usando un service apposito.
Nel service andiamo a memorizzare l'altezza nel localStorage (o nel sessionStorage se volete), e poi la riprendiamo quando ci torniamo.
Quello che vogliamo ottenere è inviare richieste HTTP a Google AI Studio, che fa parte delle Gemini API, per processare una immagine.
Invieremo anche un prompt; il tutto da Angular.
Il codice potrebbe cambiare un pò a seconda della versione di Angular; nel mio caso parliamo della versione 19.
DoCheck, o ngDoCheck, è un hook presente in Angular che intercetta e "risponde" a dei cambiamenti sulle proprietà di input o su qualsiasi cambiamento che modifica lo stato del componente.
Viene chiamato ogni volta che viene intercettato un cambiamento.
Angular 17, tra le varie cose, ha introdotto i signals.
Con i signals adesso Angular è in grado di capire quale parte della pagina aggiornare, in quanto è in grado di ricevere la notifica nel caso del cambiamento del valore.
Nell'articolo introduttivo che vediamo oggi, in verità, possiamo ottenere la stessa cosa anche senza.
La necessità è questa:
Per eseguire richieste a determinati intervalli in Angular possiamo usare interval di rxjs.
Nelle varie nuove versioni Angular ci sta mettendo a disposizione sempre più strumenti che facilitano diverse operazioni.
In questo articolo vediamo come usare @Input per scambiare dati tra due componenti nella versione 18.