input signal

Figyelni importnál!
Input - dekorátor, @-al használjuk
input - input signal

readonly signalok, csak akkor kivulrol tudnak változni az értékek!
kell hozza a onSelectUser-be ….
user.component.ts:

import {Component, computed, input} from '@angular/core';

@Component({
  selector: 'app-user',
  standalone: true,
  imports: [],
  templateUrl: './user.component.html',
  styleUrl: './user.component.css'
})
export class UserComponent {
  //Használható input signal is mint lentebb
  // @Input({required: true}) avatar!: string;
  // @Input({required: true}) name!: string;

  //nem kell többé a '!'
  avatar = input.required<string>();
  // avatar = input<string>();
  // avatar = input.required<string>();
  name = input.required<string>();
  imagePath = computed( () => {
    return 'assets/users/' + this.avatar();
  })

  onSelectUser() {}
}