如何在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对象。