Angular 2互斥复选框答案

【问题标题】：Angular 2 Mutually exclusive checkboxsAngular 2互斥复选框
【发布时间】：2018-01-02 02:04:54
【问题描述】：

我有 2 个复选框，当一个被选中时，另一个必须被取消选中，有没有什么办法，当其中一个已经被选中时，使用 ngModel 阻止另一个的选择？

                    <input type="checkbox" class="filled-in" id="checkIn" [(ngModel)]="checkboxFlag" checked />
                    <label id="labelIn" for="checkIn"> Inbound</label>
                    <input type="checkbox" class="filled-in" id="checkOut"  />
                    <label id="labelOut" for="checkOut"> Outbound</label>

【问题讨论】：

它们被称为单选按钮：P

标签： html angular checkbox

【解决方案1】：

使用单选按钮或使用 [disabled] 并设置您的条件

【讨论】：