如何在渲染后动态取消选中和选中星云复选框

Question

我在 Angular 8 应用程序中使用星云主题复选框。

 <nb-checkbox  [checked]="enable_checked" (checkedChange)="enable($event)"  >Enable </nb-checkbox>

我正在使用 "enable_checked" Boolean 更新复选框。当组件加载时它工作正常但是当我动态更改 BOOLEAN("enable_checked") 的值时它没有在前端更新但布尔值已更新。

Answer 1

它正在运行，您必须像这样更改它：

<nb-checkbox [checked]="enable_checked" (checkedChange)="enable($event)" >Enable </nb-checkbox>

<button (click)="changeCheckbox()">Set false</button>

更多信息：Docs

打字稿：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
  enable_checked = true;

  changeCheckbox() {
    this.enable_checked = false
  }
}

Stackblitz 示例：link

如何在渲染后动态取消选中和选中星云复选框

How to unchecked and check the Nebular Check box dynamically after rendering

javascript

typescript

angular

ngx-admin

nebular