Как снять флажок и установить флажок Nebular Check динамически после рендеринга - PullRequest
Новая
       5

Как снять флажок и установить флажок Nebular Check динамически после рендеринга

3 голосов
/ 27 февраля 2020

Я использую флажок небулярной темы в приложении Angular 8. 

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

Я обновляю флажок, используя "enable_checked" Boolean. Когда загруженный компонент работает нормально, но когда я изменил динамически значение BOOLEAN ("enable_checked"), оно не обновляется в интерфейсе, но логическое значение обновляется.

1 Ответ

1 голос
/ 27 февраля 2020

Работает, вы должны изменить его следующим образом: 

<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 Пример: ссылка

...