项目中的前端页面总会有一些<span>、<div>标签包的超链接，但需求要求超链接不能随时都可以点击，比如：某一个超链接是在某个Function返回response之后才能点击，做法其实很简单，比如：

现在有这么一段代码

<span  class="btn btn-link px-0"  data-toggle="modal" data-target="" ng-click="ctrl.archival()"><img src="/images/plus.svg" class="mb-1" height="14" alt="Responsive image">请温柔地点一下</span>

触发这个Click的前提是后台的API返回200，那么在后台没有返回或者返回的Code不是200时，这个超链接就不能点击。

给<span>标签添加一个ng-style属性，动态地去控制超链接是否可以点击：

<span ng-style="ctrl.myStyle" class="btn btn-link px-0"  data-toggle="modal" data-target="" ng-click="ctrl.archival()"><img src="/images/plus.svg" class="mb-1" height="14" alt="Responsive image">请温柔地点一下</span>

后台没返回200结果时，ng-style设置如下：

ctrl.myStyle = { "pointer-events":"none"};

当后台返回200时，设置如下：

ctrl.myStyle = { "pointer-events":"auto"};

越努力，越幸运！