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"

        };

 

越努力，越幸運！