角度跨度將文本懸停在文本上

我從後端獲取3個值：isDone，isInProgress，isFailed，並基於這3個值，我需要更改在angularview中跨度元素的文本上的懸停。如果元素是isDone或isInProgress，我必須用兩個不同的懸停文本顯示一個圖標。如果元件isFailed，我必須在屏幕上顯示一條錯誤消息：角度跨度將文本懸停在文本上

代碼：

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

我如何納入IsDone在此跨度？

來源

2017-07-12 user3772144

只是這樣做：

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

來源

2017-07-12 08:49:04

謝謝。這真的幫助:) – user3772144

可以使用條件檢查

<span class="glyphicon glyphicon-refresh blue"              
    title=" Action is Complete" ng-if="action.isDone"> </span> 

<span class="glyphicon glyphicon-refresh blue"              
    title="Action in progress" ng-if="action.isInProgress"> </span>

來源

2017-07-12 08:42:52 Vivz

以及如何切換基於ng-show的文本（標題）上的懸停？ – user3772144

您可以將文本分配給您的標題標籤title = {{yourVariable}} – Vivz

我的意思是，如果ng-show是action.isInProgress，則標題（懸停）應該顯示 - 正在進行的操作，如果ng -show是action.isDone，標題應該顯示 - Action是Complete。這怎麼能實現？ – user3772144

怎麼樣

<span class="glyphicon glyphicon-refresh blue"              
title="{{status}}" > </span>

，並根據價值的status變量更新，爲"In progress", or ..

來源

2017-07-12 08:48:19

角度跨度將文本懸停在文本上

回答

相關問題