Question

按钮：

<nb-checkbox status="success" 
     OUTDOOR
</nb-checkbox>
<nb-checkbox status="success">
     INDOOR
</nb-checkbox>

如果在选择``室内''按钮的同时选择``室外''复选框，则必须取消选中``室内''并选择``室外''。

Answer 1

通常，当选项互斥时，常见的范例是使用单选按钮组。由于您正在使用Nebular，请参阅： https://akveo.github.io/nebular/docs/components/radio/overview#nbradiocomponent

但是，如果您确实要使用复选框，请考虑使用此[checked]和(change)切换开关。

在打字稿组件中。

public status: "indoor" | "outdoor";

在您的模板中

<nb-checkbox 
    [checked]="status == outdoor"
    (change)="status = 'outdoor'">
     OUTDOOR
</nb-checkbox>
<nb-checkbox 
    [checked]="status == indoor"
    (change)="status = 'indoor'">
     INDOOR
</nb-checkbox>

如何在只有两个复选框（打字稿）时仅约束一个复选框

1 个答案: