javascript - 如何在渲染后动态取消选中和选中 Nebular 复选框

Question

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

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

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

Answer 1

它在工作，你必须像这样改变它:

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

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

更多信息:Docs

typescript :

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