当有两个类型记录时，如何限制只选中一个复选框

Question

按钮：

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

如果我选择了室外复选框，而选择了室内按钮，则室内必须取消选择，而室外的selected.Same则相反。

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>