¿Porqué me muestra una parte del objeto en Array equivocado en el HTML del componente?
Explico, tengo mi arraglo que lo mapeo y lo recorro, básicamente lo que hago es leer un excel para meter información correctamente y luego mostrarla al usuario
xlsx.utils.sheet_to_json<IKey>(worksheet, { raw: true })
.map(k => Object.keys(k).reduce((acc, cur) => (acc[cur] = k[cur].trim(), acc), <IKey>{}))
.filter(f => f.desc && f.code.length < 5 && f.line.length < 7).map(l => {
for (let i = (4 - l.code.length); i > 0; i--) l.code = '0' + l;
return l;
}).forEach(k => {
this.Key.push(new Key(void 0, k.code, k.line, k.desc, void 0, void 0))
console.log(new Key(void 0, k.code, k.line, k.desc, void 0, void 0))
});
En el excel tiene los campos line, code & desc
Y la parte del html es, la cual recorre Key con ngFor y uso un ngModel para poner los valores del array y que puedan ser cambiados, pero me muestra sólo el último
<div *ngFor="let k of Key" class="form-group input-group">
<div class="input-group-append">
<div class="input-group-text">
{{k.line}}{{k.code}}
</div>
</div>
<input type="text" class="form-control" name="desc" #desc="ngModel" [(ngModel)]="k.desc"
autocomplete="off" spellcheck="false" autocorrect="off" required />
<div class="input-group-prepend">
<div class="input-group-text">
<div class="pretty p-icon p-toggle">
<input type="checkbox" name="config" #config="ngModel" [(ngModel)]="k.config" />
<div class="state p-success-o p-on">
<i class="fas fa-times"></i>
</div>
<div class="state p-info-o p-off">
<i class="fas fa-check"></i>
</div>
</div>
</div>
</div>
</div>
Y lo más lógico es que aparezca
Y mi problema es que se repiten los últimos valores
Intenté cambiar el código de HTML
<input type="text" class="form-control" name="desc" #desc="ngModel" [(ngModel)]="Key[i].desc"
autocomplete="off" spellcheck="false" autocorrect="off" required />
<div class="input-group-prepend">
<div class="input-group-text">
<div class="pretty p-icon p-toggle">
<input type="checkbox" name="config" #config="ngModel" [(ngModel)]="Key[i].config" />
Cambiando por Key[i] con el index, No sé si debería cambiarlo
#config
y#desc
Para que las necesitas? – hawks el 19 may. 20 a las 13:03ngModel
se usa esto para hacer validaciones y eso. Pero tu no lo usas en la template. – hawks el 19 may. 20 a las 14:03