Javascript ng样式禁用指针事件

我正在尝试使用禁用a-href

var style ={};
style.zIndex = '10';
style.background = 'rgba(192,192,192,0.3)';
style.height= '100%';
style.top= '0';
style.left= '0';
style.right= '0';
style.pointerEvents = 'none';
return style;

在控制器端

Html端：

<a href="#/tab/cases/case-detail/{{case.itemDetails.ID}}">
    <div style="width:80%; float:left;">
<table ng-init="sloppy = case" ng-style="calculateStyle(sloppy)">
    <tr>
        <td><strong>Item Code: </strong></td>
        <td style="padding:3px">{{case.itemDetails.itemCode}}</td>
    </tr>   
    </table>

</div>
</a>

当前，覆盖工作，但指针事件不工作

---

我用AngularJSNG风格来做这件事。我是做错了还是用错了方法？是否有其他方法禁用a-href？

您需要将ng样式添加到锚定标记中，并确保样式具有范围

html:

---

您需要将ng样式添加到锚定标记中，并确保样式具有范围

html:

---

ng样式属性需要在

a

元素上才能禁用，而不是在

表

元素上

这是一把小提琴：

html:

---

ng样式属性需要在

a

元素上才能禁用，而不是在

表

元素上

这是一把小提琴：

html:

---

你能发布你的html代码吗？你正在使用你桌子上的

ng样式。这与你的
标签有什么关系？@muenchdo哦，是的。谢谢你的提醒！那么我应该把它放在table标记中吗？不，
标记不允许
href
属性（没有意义）。您可能希望在您的
标记中包含
ng样式。您可以发布html代码吗？您正在表上使用
ng样式。这与你的
标签有什么关系？@muenchdo哦，是的。谢谢你的提醒！那么我应该把它放在table标记中吗？不，
标记不允许
href
属性（没有意义）。您可能希望在
标记中包含
ng样式。
<a href="{{myLink}}" ng-style="style">Link to Disable</a>

 .controller('myCtrl', function ($scope) {
    $scope.myLink = 'http://google.com';
    $scope.style = {};

    $scope.disableLink = function () {
      $scope.myLink = '#';
      $scope.style = {
         zIndex: '10',
         background: 'rgba(192,192,192,0.3)',
         height: '100%',
         top: '0',
         left :'0',
         right : '0',
         pointerEvents : 'none'
      }
    };

    $scope.disableLink();  //call this to disable
  });

<div ng-app="app">
    <div ng-controller="myCtrl">
        <a href="#" onclick="alert('1')" ng-style="style">click</a>
    </div>
</div>

angular.module('app',[]).controller('myCtrl',['$scope',function($scope){
    $scope.style ={};
    $scope.style.zIndex = '10';
    $scope.style.background = 'rgba(192,192,192,0.3)';
    $scope.style.height= '100%';
    $scope.style.top= '0';
    $scope.style.left= '0';
    $scope.style.right= '0';
    $scope.style.pointerEvents = 'none';
}]);