在 Angular2 中单击后禁用按钮

Question

我有一个愚蠢的问题，但我不知道如何克服它，因为我正在使用 Angular2 ( Typescript ) 东西不是 JavaScript 工具.—我有这个 HTML 代码

<div  class=" uk-align-center" >
 <a class="md-btn md-btn-success" >Start</a>
<!--<a class="md-btn disabled" *ngIf="">Start</a>-->
</div>

简单地说，我想将按钮状态更改为 disabled 单击后，我找到了 Javascript 方法，但没有一个对我有用，请帮忙？

原文由 SeleM 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以在不接触组件的情况下使用以下方法，

 <a class="md-btn md-btn-success"
   [class.disabled]="isClickedOnce"
   (click)="isClickedOnce = true">Start</a>

原文由 codef0rmer 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

另一个带有代码端的解决方案：

 <button name="submitButton" #submitButton type="submit" class="btn btn-primary" (click)="onButtonClick()">Submit</button>

import { ViewChild, ElementRef } from '@angular/core';

@ViewChild('submitButton') submitButton:ElementRef;

onButtonClick()
{
    this.submitButton.nativeElement.disabled = true;
    //Do some other stuff, maybe call a service etc...
    this.submitButton.nativeElement.disabled = false;
}

原文由 sa_ 发布，翻译遵循 CC BY-SA 3.0 许可协议