Angular, Type 'string' is not assignable to type '(value: any) => void'

Question

I'm passing a value to an @Input() in angular,
but somehow this is not working and I do not understand what I'm doing wrong

<my-component
  [foo]="bar"
></my-component>

  private _foo = ''
  @Input() foo(value: any) {
    this._foo = value?.toString() || ''
  }

Does somebody see my error ?

the error

Type 'string' is not assignable to type '(value: any) => void'.

Are you sure this is the offending line? What is `bar` in the consuming component? — Tsvetan Ganev, Jan 12 '23 at 14:22

score 2 · Accepted Answer · answered Jan 12 '23 at 14:27

2

You want a setter for your input:

  private _foo = ''
  @Input() set foo(value: any) {
    this._foo = value?.toString() || ''
  }

answered Jan 12 '23 at 14:27

Matthieu Riegler

1 Answers1