如何禁用angular2上的img標籤？ [disabled] =「true」不起作用

Question

我的代碼是：

<ion-card style="width:20%; height: 20%" #btnAnswer [id]="i" *ngFor="let answer of pageButtons.answers; let i=index" [style.background]="answer.color" (click)="answerClicked(i)" > <img src="assets/img/{{answer.name}}.png" /> 但我無法禁用img元素。

Answer 1

無法禁用圖像。這沒有意義。

你想要的是確保用戶點擊圖像後不能觸發另一個請求，所以你應該只添加一個屬性到你的答案對象，我們稱之爲clicked。

，然後在你的answerClicked方法做這樣的事情：

private answerClicked(answer: any, index: number) { 
    if (answer.clicked) return; 

    // this code will only be reached if the answer was not already clicked 
    answer.clicked = true; 

    // your previous code 
} 

另外，我想指出的是，通過該指數似乎不是一個好主意。你應該只通過answer對象。