在ng-repeat上禁用ng-click

Question

我已經閱讀了很多有關SO的問題，無論出於何種原因，發布的解決方案均無法正常工作。 我有一個要ng-repeat的項目列表，我想禁用兩個項目。

<tr ng-repeat="itm in jtc.jobTypes" ng-click="jtc.showAdvanced(itm); setSelected(itm.JobTypeId)" ng-disabled="itm.JobTypeId==-1" ng-class="{selected: itm.JobTypeId === idSelected}">

Answer 1

僅表單元素（文本框，按鈕等）可以在其上設置disabled屬性。

要禁用特定項目的點擊事件，請在點擊處理程序中檢查您的項目ID。

showAdvanced(itm) {
  if (itm.JobTypeId != -1) {
    // do something
  }
}

此外，您不應該在ng-click處理程序中調用多個函數。 制作一個單獨的單擊處理程序函數，然后從內部調用其他函數。

<tr ng-repeat="itm in jtc.jobTypes" ng-click="onItemClicked(itm)">

和...

onItemClicked(item) {
  if (itm.JobTypeId != -1) {
    showAdvanced(itm);
    setSelected(itm.JobTypeId);
  }
}

Answer 2

嘗試ng-class

ng-class="(itm.JobTypeId==-1)?'disableClick':''"

的CSS

.disableClick {
    pointer-events: none;
}