Como posso definir um valor de matriz padrão para um sinal de entrada Angular necessário?

Quando um inputsinal é definido como requiredisso significa que o valor certamente estará presente, caso contrário, o compilador angular lançará um erro e o aplicativo não iniciará. Então não há necessidade de definir um valor padrão.

  values: InputSignal<number[]> = input.required<number[]>();

Stackblitz Demonstrando o erro

O motivo do erro é que ele está esperando a transformpropriedade, onde você forneceu [], que deveria ser assim:

1. transform-> transformar a entrada antes de enviar para o componente.

2. alias-> outro nome que pode ser usado para passar os dados para o componente.

Para usar essas duas propriedades, certifique-se de definir o tipo do sinal de entrada como input.required<number[], number[]>({ ... }).

import { Component, input, InputSignal } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
import { JsonPipe } from '@angular/common';

@Component({
  selector: 'app-child',
  standalone: true,
  imports: [JsonPipe],
  template: `{{values() | json}}`,
})
export class Child {
  values: InputSignal<number[]> = input.required<number[], number[]>({
    transform: (innerValues: number[]) => innerValues.map((x: number) => x * 5),
    alias: 'valuesProxy',
  });
}

@Component({
  selector: 'app-root',
  imports: [Child],
  standalone: true,
  template: `<app-child [valuesProxy]="values"/>`,
})
export class App {
  values = [1, 2, 3, 4, 5];
}

bootstrapApplication(App);

Demonstração do Stackblitz