Определите p-checkbox, где происходит событие в Angular
Я хотел бы знать, есть ли способ идентифицировать мой флажок вместе с событием, которое происходит при его выборе, то есть могу ли я указать тип идентификатора и передать его в свой файл .ts вместе с истинным или false, который отвечает мне на событие.
<p-checkbox name = "reviewed" inputId = "reviewed" [(ngModel)] = "data.reviewed"
[binary] = "true" (onChange) = "checkValue(data.reviewed)">
</p-checkbox>
checkValue(event: any){
//here I want to recerive the checkbox ID;
console.info(event);
}
Мне нужны data.reviewed для других функций, которые я делаю, я хотел бы знать, могу ли я передать более одного значения в onChange
Да, ты можешь, просто попробуй.
вы можете получить такой объект события (onChange) = "checkValue($event)вы получите проверенное значение и исходное событие мыши, но мой ответ показывает простой способ сделать это 😅😅
Спасибо за ответы, наконец-то я решил кое-что изменить в остальной части кода и решил сделать это, передав только $event.
Ответы 1
вы можете создать переменную шаблона для компонента флажка, а затем передать inputId
<p-checkbox name = "reviewed" inputId = "reviewed" [(ngModel)] = "data.reviewed"
[binary] = "true" (onChange) = "checkValue(checkElm.inputId ,data.reviewed)" #checkElm>
</p-checkbox>
компонент.ts
checkValue(id,event: any){
//here I want to recerive the checkbox ID;
}
если вы хотите, вы можете просто передать идентификатор как жестко закодированное значение
<p-checkbox name = "reviewed" inputId = "reviewed" [(ngModel)] = "data.reviewed"
[binary] = "true" (onChange) = "checkValue('reviewed',data.reviewed)" >
</p-checkbox>
Спасибо, первый вариант мне помог!
Поэтому вы должны передать
$eventв метод, а неdata.reviewed