Angular 2互斥复选框

时间:2017-07-26 16:07:50

标签: html angular checkbox

我有两个复选框,当选中一个时,另一个必须取消选中,有没有办法,当其中一个已被选中时,使用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>

1 个答案:

答案 0 :(得分:2)

使用单选按钮或使用[禁用]并输入您的条件