时间戳

首页 > 解决方案 > 如何使用打字稿和角度2检查按钮是否被禁用

angular - 如何使用打字稿和角度2检查按钮是否被禁用

问题描述

如果 buttonB 未被禁用，我正在尝试启用 buttonA（当然还有其他与问题无关的条件）。我需要在我的打字稿中确定 buttonB 是否被禁用。显然你不能使用 this.buttonB.nativeElement.disabled == true ...。我只是把它作为一个占位符。我正在使用 Angular 2。

@ViewChild('buttonB') 按钮B;

if (this.buttonB.nativeElement.disabled == true){
  console.log('Button B is enabled');
} else console.log('Button is disabled');

标签： angularbutton

解决方案

这是你如何做到的。

首先，您使用Document.querySelector()（或 document.getElementById()、getElementsByTagName() 等）来检索按钮元素（假设它有一个类buttonA）。接下来，您可以简单地访问其属性并检查其值。

如果你想检查它的disabled属性，你可以简单地检查button['disabled'].

const button = document.querySelector('.buttonA');
console.log(button['disabled']) //prints true or false

推荐阅读