span、div标签（包含的超链接）根据条件设置可否点击

项目中的前端页面总会有一些<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"

        };

 

越努力，越幸运！