jquery - 在 AngularJS 中有条件地调用函数

Question

我使用 AngularJS 附带的轻量级 jQuery 添加一个属性到删除按钮(这就是我找到解决方案的源代码中所说的)，如下所示:

if (item.CustomerGuid == item.OwnerCustomerGuid) {
    $scope.isDeleteDisabled = false;
    $('#deleteFreight').attr("ng-click", "FreightGroup_delete(" + item.ListGuid + ", " + item.CustomerGuid + ")");
} else {
    $scope.isDeleteDisabled = true;
}

当我检查更改得到反射(reflect)，但当我尝试单击按钮时，所需的功能没有被调用。

需要帮助。

.cshtml(之前):

<button class="btn btn-danger" ng-disabled="isDeleteDisabled" 
id="deleteFreight">Delete Freight Group </button>

(之后):

<button class="btn btn-danger active" ng-disabled="isDeleteDisabled" 
ng-click="FreightGroup_delete(7338bb3a-9e6b-49d7-be08-7b60ff47ba61, 
  ce3adfcc-d8a1-4a6e-a2b7-d15dc1980384)" id="deleteFreight">
Delete Freight Group </button>

Answer 1

不要将 jquery 与 angularjs 混合。如果我正确理解您想要实现的目标，这应该是正确的方法。

JS:

$scope.item = item;

HTML:

<button 
  class="btn btn-danger" 
  ng-click="FreightGroup_delete(item.ListGuid, item.CustomerGuid)" 
  ng-disabled="item.CustomerGuid !== item.OwnerCustomerGuid" 
  id="deleteFreight">Delete Freight Group 
</button>