Estoy intentando que un mat-slide-toggle el cual tengo inicializado a true, cuando se encuentre a false, se quede guardado ese estado en Angular. Pero pasado un tiempo vuelve a ponerse a true. Es un proyecto el cual no he hecho yo y estoy intentando poner una solución. Este sería el código que uso:
HTML:
<ng-template #ocultarImagenes></ng-template>
<mat-slide-toggle [(ngModel)]="isChecked"
(change)="onChangeImages($event,isChecked)">¿Imágenes?
</mat-slide-toggle>
<ng-container *ngIf="(isChecked === true); else ocultarImagenes">
<ul class="thumnailList">
<li *ngFor="let thumbnailPath of design.thumbnailrelativefilepaths">
<img src="{{getThumbnailURL(thumbnailPath)}}" alt=""
(click)="openDesignImageDialog(design, thumbnailPath)" class="thumbnailImg">
</li>
</ul>
TS:
export class DesignComponent implements OnInit {
isChecked = true;
public lastEdited: string;
onChangeImages(event: any, isChecked){
if(isChecked === false){
isChecked = false;
event.value = isChecked;
isChecked = localStorage.setItem('LastEditedName', isChecked);
isChecked = localStorage.getItem('LastEditedName');
this.lastEdited = localStorage.getItem('LastEditedName');
isChecked = this.lastEdited;
console.log("Hola compruebo ischecked: " + isChecked);
}else{
isChecked = true;
event.value = isChecked;
isChecked = localStorage.setItem('LastEditedName', isChecked);
isChecked = localStorage.getItem('LastEditedName');
this.lastEdited = localStorage.getItem('LastEditedName');
isChecked = this.lastEdited;
console.log("Hola compruebo ischecked 2.0: " + isChecked);
}
}
Gracias