Estoy tratando de mostrar la clave de objeto de la matriz separada por comas, pero obtengo una comma(,) al comenzar.
getSeperatedByCommaName(): string { let finalName = ''; this.options.Ids.forEach((value) => { finalName = finalName + ',' + value.Name; }) return finalName; }¿Estoy haciendo algo mal? ¿O hay alguna forma de mostrar directamente separados por comas en html sin escribir la función anterior?
Gracias por adelantado
Utilice el método de unión:
let commaSeparatedNames = this.options.Ids.map(itm => itm.Name).join(',');Modo normal: Demostración
get seperatedByCommaName(): string { return this.options.Ids.map(value => value.Name).join(","); }En plantilla:
<p>{{ seperatedByCommaName }}</p>Otra forma de usar la tubería: Demostración
import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'join' }) export class JoinPipe implements PipeTransform { transform(input: Array<any>, sep = ', '): string { return input.map(value => value.Name).join(sep); } }No olvide declarar JoinPipe en el módulo como:
@NgModule({ imports: [], declarations: [ JoinPipe ], exports: [ JoinPipe // if to be made available outside modules ] })En Plantilla
<p> {{ options.Ids | join }} </p>