Angular2 禁用點擊 div

Question

我嘗試了很多次搜索次數，但我沒有得到任何禁用 div 元素點擊的解決方案。 已經提出問題，但他們說在 div 上不可能，我只想知道，有沒有辦法在angular2 中禁用 div

<div>(click)="isDisabled ? $event.stopPropagation() : myClickHandler($event); isDisabled ? false : null"
   [class.isDisabled]="isDisabled"></div>

關於禁用 div 和指針事件的舊答案不清楚：舊版本瀏覽器不支持無，也可以從網絡選項卡編輯

Answer 1

您可以使用 css：

pointer-events:none

或者也許可以做這樣的事情：

<div (click)="false; $event.stopPropagation();"> </div>

有多種方法可以防止點擊，具體取決於您的需要

Answer 2

如果該元素應該被禁用，這里的直接答案就是不呈現該函數。 像這樣的東西：

<div (click)="shouldBeDisabled ? null : callYourFunctionHere()"></div>

但是更好的解決方案是將此條件放入您的函數本身

HTML

<div (click)="callYourFunctionHere()"></div>

TS

const callYourFunctionHere = () => {
  if (this.shouldBeDisabled) return
  
  //if statement above is false your general logic will be rendered
}