Переключить функцию при нажатии переключателя в начальной загрузке и angular 5
Я использую Angular 6 и Bootstrap 4. У меня есть группа кнопок Bootstrap:
<div class = "btn-group btn-group-toggle" data-toggle = "buttons">
<label class = "btn btn-secondary">
<input type = "radio" [(ngModel)] = "usecase" name = "options" id = "option1" [value] = "customer"> Kundenzuordnung
</label>
<label class = "btn btn-secondary">
<input type = "radio" [(ngModel)] = "usecase" name = "options" id = "option2" [value] = "stock"> Lagerware
</label>
<label class = "btn btn-secondary">
<input type = "radio" [(ngModel)] = "usecase" name = "options" id = "option3" [value] = "internalUse"> Interne Verwendung
</label>
</div>
Я хочу, чтобы функция вызывалась при выборе кнопки, и я пробовал все следующие методы / свойства, указанные ниже:
(click)onclickonkeydownng-change(ngModelChange)- пропущенное поле значения
Как я могу вызвать свою функцию formChange(0), когда пользователь нажимает кнопку?
? я не понимаю твой вопрос
Вы сказали: «Как я могу вызвать свою функцию formChange (0), когда пользователь выбирает другой вариант». Какой еще вариант?
(ngModelChange) = "myFunction($event)" должен работать.
нет, это не так: /
использование (click) = "anotherFunction(0)" на каждом входе решит вашу проблему. это работает для меня ... просто отправьте разные идентификаторы с каждого входа
Можете ли вы воспроизвести проблему в стекблице? Если [(ngModel)] работает, я не понимаю, как (ngModelChange) не сработает. Может быть, вы могли бы показать, как именно вы это пробовали. Или посмотрите, есть ли у вас ошибки в консоли при выборе элемента.
Ответы 2
это было так просто ... мне пришлось добавить функцию (click) на этикетку, а не на вход.
Попробуй вот этот, думаю, сработает.
<form #form = "ngForm" (ngSubmit) = "logForm(form.value)">
<div class = "btn-group btn-group-toggle" data-toggle = "buttons">
<label class = "btn btn-secondary">
<input type = "radio" name = "options" id = "option1" value = "customer" ngModel> Kundenzuordnung
</label>
<label class = "btn btn-secondary">
<input type = "radio" name = "options" id = "option2" value = "stock" ngModel> Lagerware
</label>
<label class = "btn btn-secondary">
<input type = "radio" name = "options" id = "option3" value = "internalUse" ngModel> Interne Verwendung
</label>
</div>
</form>
Какой еще вариант?