Функция переключения по радио-кнопке в начальной загрузке и угловой 5

Question

Я использую 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)
• onclick
• onkeydown
• ng-change
• (ngModelChange)
• поле пропущенных значений

Как я могу вызвать мою функцию formChange(0), когда пользователь выбирает кнопку?

Answer 1

Попробуйте это, я думаю, это будет работать.

 <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>

Answer 2

это было так просто ... мне пришлось добавить функцию (click) к метке, а не к входу.