Отключить кнопку в html или html и typescript

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

Мой HTML:

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

Мой ТС:

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
  }

}

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

html angular typescript ionic4

27.03.2019 16:45

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

3 224

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

.html

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

.тс

@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. В следующий раз укажите некоторые из шагов, которые вы пытались заставить его работать, и почему они не увенчались успехом.

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

Оооо, спасибо. В следующий раз дам более подробную информацию

— 27.03.2019 17:04

Если у вас много кнопок, просто назовите их независимо друг от друга, например, isSubmitDisabled и isCancelDisabled.

— 27.03.2019 22:09

27.03.2019 17:01