无法单击星云主题角度的nb复选框

Question

我是新手，不熟悉星云主题。我有一个复选框，但它不工作。

HTML

<nb-checkbox [value]="checked" (change)="toggle($event)"></nb-checkbox>

TypeScript

  toggle(checked: any) {    
    this.checked = checked.target.checked;
  }

Module.ts

//import
import { NbCheckboxModule } from '@nebular/theme';

imports: [NbCheckboxModule]

切换函数调用正常，但复选框未选中。

我已经调试了很长一段时间，但无法识别这个问题。有什么建议可能是错误的吗？谢谢。

Angular版本: 7.1

星云版本：^3.5.0

Answer 1

我认为您应该像在these示例中那样使用它

它适用于value和checked输入

<nb-checkbox [checked]="checked" (checkedChange)="toggle($event)">Toggle me</nb-checkbox>

我用工作示例https://stackblitz.com/edit/angular-nb-checkbox?file=src/app/app.component.ts为您创建了stackblitz

Answer 2

在HTML中添加以下内容：

<nb-checkbox status="primary" [value]="checked" (change)="setCheckedStatus($event)">Primary</nb-checkbox>

在component.ts文件中添加以下内容：

checked: true; // declare this variable in your component
setCheckedStatus(checked) {
    console.log('checked', checked.target.checked);
    this.checked = checked.target.checked; // your variable
}