Отключить кнопку в HTML или HTML и машинописи

Question

Я пытаюсь отключить кнопку, нажимая ее без каких-либо условий, но не могу.Это ионно-угловой проект.

Мой html:

<ion-content padding>
    <button ion-button #a (click)="letraIntroducida('a')">a</button>
</ion-content>

Мой ts:

import { Component } from '@angular/core';
import { NavController, NavParams, ToastController } from 'ionic-angular';

@Component({
  selector: 'page-tipopregunta1',
  templateUrl: 'tipopregunta1.html',
})
export class Tipopregunta1Page {

  constructor(public navCtrl: NavController, public navParams: NavParams) {

  }

  letraIntroducida(letraUsuario: string){
  //here makes code not important
  }

}

Iхотите отключить кнопку только после нажатия.

Answer 1

Вам нужно отключить кнопку с помощью свойства

.html

<ion-content padding>
    <button 
      ion-button 
      #a 
      [disabled]="isDisabled" // <- set disabled prop here
      (click)="letraIntroducida('a')">a
    </button>
</ion-content>

.ts

@Component({
  selector: 'page-tipopregunta1',
  templateUrl: 'tipopregunta1.html',
})
export class Tipopregunta1Page {
  isDisabled = false; // <- create variable to determine state

  constructor(public navCtrl: NavController, public navParams: NavParams) {}

  letraIntroducida(letraUsuario: string){
    isDisabled = true; // <- toggle the state
  }
}

Кроме того, добро пожаловать в SO. В следующий раз, включите некоторые шаги, которые вы пытались заставить работать, и почему они не сработали.

Сообщество становится гораздо более открытым, когда люди показывают, что сначала они пытались решить проблемы самостоятельно.