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

这很容易......我必须将(click)函数添加到标签中，而不是输入。

Answer 2

试试这个，我认为这样可行。

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

单击单击按钮单击引导程序和角度5中的切换功能

2 个答案: