Ionic 2-如何禁用按鈕組件

Question

我有一個離子組件，其中包含一個按鈕，如果屬性為true，則應禁用該按鈕。 但是，我不知道它如何工作。 我該如何運作？

component.html

<btn-rounded>
  <button class="ripple" [attr.disabled]="disabled">
    <div>
      {{text | translate}}
    </div>
  </button>
</btn-rounded>

component.ts

  @Input('text') text: string;
  @Input('disabled') disabled: boolean;

  constructor() {}

的index.html

  <btn-rounded text="Login" [disabled]="!this.login.valid"></btn-rounded>

謝謝 ：）

Answer 1

您可以使用[已停用]

 <btn-rounded>
      <button class="ripple" [disabled]="disabled">
        <div>
          {{text | translate}}
        </div>
      </button>
    </btn-rounded>

否則你可以這樣嘗試

[attr.disabled]="disabled== true ? true : null"