Как получить состояние поля ввода, нажав на родительский элемент <label>? - PullRequest
1 голос
/ 29 мая 2019

У меня есть поле флажка ввода внутри тега label в html с начальной загрузкой 4 и Angular 7. И я вызываю функцию по щелчку на флажке ввода и передаю его состояние "($ event.target.checked)" в качестве одного из аргументы. Но все, что я получаю, является "неопределенным" С другой стороны, если я вызываю функцию непосредственно из input: флажок, т. Е. Без тега ass родительский элемент, то он работает отлично. Но мне нужен первый вариант для работы.

Случай 1: «> DIV>

label (click) = "onChange ('папа', $ event.target.checked, 'диабет')" class = "btn btn-sm относительно таблеток с округлыми таблетками mb-2 mx-2"> input type = "checkbox" name = "diabetes" autocomplete = "off"> Отец /этикетка «

Случай 2: «> DIV>

input type = "checkbox" (click) = "onChange ('папа', $ event.target.checked, 'диабет')" name = "" id = ""> отец / DIV> "

Когда я поддерживаю оба вышеперечисленных в моей функции, я получаю неопределенное в 1-м случае с меткой вне поля ввода, и она отлично работает без метки, как показано в случае 2, и предоставляет в качестве результатов значения true и false. Может ли кто-нибудь помочь мне получить истинные и ложные значения в случае 1 тоже.

1 Ответ

0 голосов
/ 29 мая 2019

Это потому, что вы слушаете щелчок eventd на вашем флажке.

Intsead, вы должны слушать (change) событие:

(change)="onChange('father', $event, 'diabetes')" 

Таким образом, функция будет вызываться при каждом изменении значения флажка.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...