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

Question

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

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

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

Answer 1

它正在工作，您必须像这样更改它：

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

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

欲了解更多信息：文档

打字稿：

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 示例：链接