javascript - 禁用 ng-click 和 ng-repeat

Question

我已经阅读了一堆关于 SO 的问题，无论出于何种原因，发布的解决方案都不起作用。我有一个正在ng-repeating 的项目列表，并且我想禁用其中两个项目被单击。

<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);
  }
}