J'ai un modèle comme ci-dessous :
{{i-1}}
Et un fichier TS comme ceci :
import {Component, OnInit} from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
dataListOptions: any[] = [1, 2, 3, 4, 5, 6];
constructor() {
}
ngOnInit() {
this.dataListOptions.push(123);
}
}
Lorsque je mets à jour les dataListOptions dans ngInit() ou après, il met à jour le DOM car je peux voir les nouvelles options, mais lorsque je clique sur l'élément input, je ne peux toujours pas voir les données du tableau nouvellement insérées.
J'ai essayé d'utiliser ChangeDetectorRef après la mise à jour mais sans succès.
Ma question est que dois-je faire pour rendre les options ajoutées après la définition de dataListOptions visibles. Je peux les voir lorsque j'inspecte la vue mais je ne peux pas les voir dans un "menu déroulant"
---MISE À JOUR---
Je viens de réaliser que ExampleComponent implémente ControlValueAccessor. Je n'ai aucune idée de pourquoi il a été ajouté ni comment cela fonctionne, donc je dois faire quelques recherches supplémentaires car il semble qu'il soit impliqué d'une manière ou d'une autre dans la mise à jour de l'affichage ou du domaine
---MISE À JOUR---
L'entrée est dans une boucle