Как ограничить только один флажок, если есть два, машинопись - PullRequest
Новая
       14

Как ограничить только один флажок, если есть два, машинопись

0 голосов
/ 23 мая 2019

Кнопки: 

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

Если я выбрал флажок OUTDOOR, когда нажата кнопка INDOOR, INDOOR должен быть отменен, а OUTDOOR выбран. То же самое для противоположного.

1 Ответ

1 голос
/ 23 мая 2019

Как правило, когда параметры являются взаимоисключающими, общая парадигма заключается в использовании группы переключателей. Поскольку вы используете 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>
...