Estoy tratando de mostrar los valores de una matriz de un * ngFor
const blockData = [ {text: sampleText1, array: [val1]}, {text: sampleText2, array: [val2, dat2]}, {text: sampleText3, array: [val3, dat3]} ] <div *ngFor="let data of blockData">{{data.text}} <span>{{data.array}}</span></div> Cómo mostrar mis dos valores de data.array en mi lapso
Puede usar ng-container y hacer un bucle dentro de su bucle inicial. Asegúrese de limpiar su matriz blockData y envuelva los valores entre comillas.
<div *ngFor="let data of blockData">{{data.text}} <span> <ng-container *ngFor="let item of data.array"> - {{item}} - </ng-container> </span> </div>const blockData = [ {text: sampleText1, array: [val1]}, {text: sampleText2, array: [val2, dat2]}, {text: sampleText3, array: [val3, dat3]} ] <div *ngFor="let data of blockData">{{data.text}} <span *ngFor="let val of data.array">{{val}}</span> </div>¿No puedes hacer esto?
Puedes usar json pipe para eso
const blockData = [ {text: sampleText1, array: [val1]}, {text: sampleText2, array: [val2, dat2]}, {text: sampleText3, array: [val3, dat3]} ] <div *ngFor="let data of blockData">{{data.text}} <span>{{data.array | json}}</span></div>