项目中的前端页面总会有一些<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"
};
越努力,越幸运!