using generic to declare data-type in @Input angular

Question

I am trying to use generic type in @Input in angular component like this, @Input('list') list: <T>;

this is not working '(' expected.ts(1005) Public property 'list' of exported class has or is using private name ''.

Please help, how can I do it.

@fridoo, its giving error , Cannot find name 'T'.ts(2304) Public property 'list' of exported class has or is using private name 'T' — raju
– raju, Commented Sep 18, 2020 at 10:34

frido · Accepted Answer · 2020-09-18 10:52:43Z

2

Make your Component generic

@Component({
  selector: 'hello',
  template: `<h1>Hello {{name}}!</h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent<T>  {
  @Input() name: T;

  ngOnInit() {
    console.log('hello', typeof this.name)
  }
}

https://stackblitz.com/edit/angular-ivy-khusgc?file=src/app/hello.component.ts

answered Sep 18, 2020 at 10:52

frido

14.3k5 gold badges45 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Konstantin Schütte Over a year ago

I also want to mention, that it is necessary to add <T> at the end of your class-/componentname. I overlooked that part

Collectives™ on Stack Overflow

using generic to declare data-type in @Input angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related