どのようにチェックボックスをオフにし、レンダリング後に動的に星雲のチェックボックスをオンにします

ムハンマドアブドラ：

私は角8 Appの星雲テーマのチェックボックスを使用しています。

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

私が使用してチェックボックスを更新しています "enable_checked"コンポーネントがロードされたブール.Whenをそれが正常に動作しますが、私はブール値を動的に変更するとき（"enable_checked"）には、フロントエンドで更新取得されていませんが、ブール値が更新されます。

Oussail：

あなたがこのようにそれを変更する必要があります働いています：

<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例：リンク