Всем привет Есть кнопки, которые генерируются из массива buttons

Question

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0

Всем привет Есть кнопки, которые генерируются из массива buttons

которая передается как @Input в общеиспользуемый компонент:

<ng-container *ngFor="let button of buttons">
<button class="btn">{{ button }}</button>

Как можно определить, какая кнопка была нажата внутри компонента и привязать к ней метод?

#angular #frontend #javascript #programming #russian

0

15.08.2022

17 ответов

21 просмотр

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0 Автор вопроса

Oleg Safonov
click? Или нужно снаружи понять? И как выглядит ти...

да да, снаружи @Input() buttons: string[];

0

15.08.2022

Oleg Safonov

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0
да да, снаружи @Input() buttons: string[];

Я думаю нужно тип сделать, не string, а что то типа { text: ..., callback: ... } и с ним работать

0

15.08.2022

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0 Автор вопроса

Oleg Safonov
Я думаю нужно тип сделать, не string, а что то тип...

а какой тип у callback? void | Function?

0

15.08.2022

Oleg Safonov

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0
а какой тип у callback? void | Function?

function, наверное, да

0

15.08.2022

Mikhail Gerasimov

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0
а какой тип у callback? void | Function?

@Input() buttons: Array<{title: string, callback: any}>; buttons = [{ title: 'button1', callback: () => {alert('button1');} }]; <ng-container *ngFor="let button of buttons"> <button (click)='button.callback()' class="btn">{{ button.title }}</button>

0

15.08.2022

Oleg Safonov

Mikhail Gerasimov
@Input() buttons: Array<{title: string, callback: ...

зачем any?

0

15.08.2022

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0 Автор вопроса

Oleg Safonov
зачем any?

если у него Function тип то ошибка появляется Type 'void' is not assignable to type 'Function'.ngtsc(2322)

0

15.08.2022

Oleg Safonov

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0
если у него Function тип то ошибка появляется Type...

Покажите, any не стоит юзать

0

15.08.2022

Eugene Udalov 🇷🇺

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0
если у него Function тип то ошибка появляется Type...

()=>void

0

15.08.2022

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0 Автор вопроса

спасибо но почему просто void не работает?

0

15.08.2022

Eugene Udalov 🇷🇺

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0
спасибо но почему просто void не работает?

ну это ж не void таки, а колбэк

0

15.08.2022

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0 Автор вопроса

Mikhail Gerasimov
@Input() buttons: Array<{title: string, callback: ...

какую заглушку можно поставить похожую на: callback: () => {alert('button1');}? Потому что то что вы написали - выдает ошибку: Parser Error: Missing expected }

0

15.08.2022

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0 Автор вопроса

тоже самое что и он написал: [buttons] = [{ title: 'button1', callback: someMethod }, { title: 'button2', callback: () => {alert('button1');} }];

0

15.08.2022

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0 Автор вопроса

да, я просто добавил вторую кнопку на someMethod не ругается вот на button2 - да

0

15.08.2022

Oleg Safonov

. 01010000 01101000 01101001 01101100 01101001 01110000 01110000 0
да, я просто добавил вторую кнопку на someMethod ...