Как использовать дженерики в @Input?

Question

[G F]

Есть ли возможность использовать дженерики в инпутах? Из того, что я нагуглил, все решения слишком сложные. Как вы типизируете пропсы для переиспользуемых компонентов?

@Input() options: unknown[] = []
@Input() displayFunc?: (option: unknown) => unknown = (x) => x
@Output() optionChanged = new EventEmitter<unknown>()

Comments

[Ярослав Иванов]

Чего?
пропсы для реюзабл компонентов
Параметры для переиспользования компонентов. Пишите на русском языке!

[G F]

Хочу вместо ункновн динерик юзать

[Ярослав Иванов]

G F,
https://www.ozon.ru/context/detail/id/35154366/?ut...
купи для начала это.

[G F]

Не притворяйся как будто не понял о чем пишу. Весь контент по программированию на английском зачем вообще русские слова юзать тогда.

[Ярослав Иванов]

G F, И это повод коверкать слова?

[Дмитрий Беляев]

Не притворяйся как будто не понял о чем пишу. Весь контент по программированию на английском зачем вообще русские слова юзать тогда.

@fomenkogregory, иф ол ов контент ин Инглиш, вай ду ю райт ин Рашн он дэ текникал ресурс? nadeus' ponyatno stalo, pochemu po-angliiski ludi pishut latinicey, a po-russki - kirilicey?

Answer 1

[Антон Швец]

С точки зрения typescript никаких инпутов нету, это обычные паблик поля.
Дженерики как обычно, класс определяет переменный тип и его можно распространить на поля.

class MyComponent<T> {
  @Input() prop: T;
}

Comments

[G F]

ок понял, хотелось просто узнать как в таких случаях поступать. ведь мы когда компонент в темплейте юзать будем тип в дженерик не пропишем

[Антон Швец]

G F, обычно такой задачи не возникает. Инпут жестко типизирован или any
Можно так попробовать сделать.

class MyComponent<T extends MyType> {
  @Input() prop: T;
}

тогда инпут обязан быть производной от MyType

[Антон Швец]

G F, но опять таки, это все указания для ts, если он не отловит ошибку при компиляции, то в рантайме пофиг че вы там указали.
Чаще всего подобная проверка инпута не особенно нужна.