Question

当我按下它时，我可以为下一个按钮做，我返回true状态，当我再次按下它时会返回false状态，依此类推。

myComponent.html

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

myComponent.ts

actualizarEstado(){
  estado: false
}

Answer 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;
  }
}

视图级别的第二种方法

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 2

您可以很快完成此操作：

在您的组件中：

estado:boolean=false;

在你的HTML中：

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

注意：
当你想在typescript中声明参数时，你必须这样做： nameOfParameter然后:和type，您必须使用=初始化参数
像这样：
nameOfParameter:type=something

Answer 3

在你的组件中使用false值初始化estado然后写下面的函数来获取你想要的循环真/假值，

mycomponent.ts
estado : boolean = false;

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

按钮true / false循环

3 个答案: