无法单击Nebular主题角的nb-复选框

时间:2019-11-21 20:04:38

标签: angular typescript checkbox angular7 nebular

我是Nebular主题的新手。我有一个复选框,但是不起作用。

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

2 个答案:

答案 0 :(得分:1)

我认为您应该像在these示例中那样使用它
它适用于select ID, EVENT, STATUS from EOMSCHEMA.AUDIT_RECORDS where (event = 'Activate' and status = 'Completed') and (event = 'Create' and status= 'Completed') value输入

checked

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

答案 1 :(得分:0)

在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
}