кнопка истина / ложь циклическая

Question

Как я могу сделать для следующей кнопки, когда я нажимаю ее, я возвращаю состояние true, и когда я нажимаю ее снова, она возвращает состояние false и т. Д.

myComponent.html

<button class="btn btn-outline-primary btn-sm" (click)="actualizarEstado()">Editar</button>

myComponent.ts

actualizarEstado(){
  estado: false
}

Answer 1

Вы можете сделать это в ближайшее время:

В вашем компоненте:

estado:boolean=false;

В вашем html:

<button class="btn btn-outline-primary btn-sm"(click)="estado=!estado">Editar</button>

Примечание:
когда вы хотите объявить параметр в машинописи, вы должны сделать это так: nameOfParameter затем : и type, затем вы должны инициализировать параметр с помощью =
как это:
nameOfParameter:type=something

Answer 2

Есть два способа сделать это

1-й метод от контроллера

app.component.html

<button class="btn btn-outline-primary btn-sm" (click)="actualizarEstado()">Editor</button>

Контроллер

import { Component } from '@angular/core';
@Component({
 selector: 'my-app',
 templateUrl: './app.component.html',
 styleUrls: [ './app.component.css' ]
})

 export class AppComponent  {
 public estado : boolean = false;

  actualizarEstado(){
   return this.estado = !this.estado;
  }
}

2-й метод с уровня просмотра

app.component.html

<button class="btn btn-outline-primary btn-sm"(click)="estado=!estado">Editor</button>

Контроллер

import { Component } from '@angular/core';
@Component({
 selector: 'my-app',
 templateUrl: './app.component.html',
 styleUrls: [ './app.component.css' ]
})

 export class AppComponent  {
  public estado : boolean = false;
}

Answer 3

В вашем компоненте инициализируйте estado со значением false, затем напишите ниже функцию, чтобы получить циклическое значение true / false, как вы ищете,

mycomponent.ts
estado : boolean = false;

actualizarEstado(){
  return this.estado = !this.estado;
}