javascript - Angular 跨度条件悬停在文本上

Question

我从后端获得 3 个值:isDone、isInProgress、isFailed，基于这 3 个值，我需要更改 angularview 中 span 元素文本上的悬停。如果元素是 isDone 或 isInProgress，我必须显示一个带有 2 个不同悬停文本的图标。如果元素是 isFailed ，我必须在屏幕上显示一条错误消息:

代码:

<span class="glyphicon glyphicon-refresh blue"                                                      
 title="In progress" ng-show="action.isInProgress"> </span>

我如何将 IsDone 合并到这个跨度中？

Answer 1

只需这样做:

<span class="glyphicon glyphicon-refresh blue" title="{{ action.isInProgress ? 'Action is in progress' : 'Action is complete.'}}" ng-show="action.isInProgress||action.isDone"></span>