I wrote a pipe but when I using the pipe gives an error
HTML
<mat-tab *ngFor="let officer of companies?.officers | valueArray" label="{{officer.name}}">
TS
import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
name: 'valueArray',
})
export class ValueArrayPipe implements PipeTransform {
transform(objects: any = []): any {
return Object?.values(objects);
}
}
Use the null-coalescing (??) operator to use a default value if is null or undefined.
Setting a default value for a function argument only works when nothing is passed for that argument into the function, so that should be why your default [] value doesn't work.
...
transform(objects: any = []): any {
return Object.values(objects ?? {});
...
Try accounting for the fact that the input parameter for the transform method can also be null or undefined:
@Pipe({
name: 'valueArray',
})
export class ValueArrayPipe implements PipeTransform {
transform(objects: any = []): any {
if (!objects) {
return null; // or [], or undefined
}
return Object.values(objects);
}
}