無法點擊星雲主題angular的nb-checkbox

Question

我是星雲主題的新手。 我有一個復選框，但它不起作用。

HTML

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

TypeScript

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

模塊.ts

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

imports: [NbCheckboxModule]

切換 function 被正常調用，但未選中復選框。

我一直在調試很長時間，但無法確定問題所在。 關於可能出什么問題的任何建議？ 謝謝你。

Angular 版本：7.1

星雲版本：^3.5.0

Answer 1

我認為您應該像在這些示例中一樣使用它
它適用於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
}