ステータスメッセージを変更したい場合は、成功したら最初のメッセージに戻ります。

Question

スキャン成功の場合は背景色を緑色にしたい場合はメッセージを表示し、そうでない場合は赤色にします「Ready To Scan」の最初のメッセージに戻って来る必要があります。今はScan Successにとどまり、元のメッセージに戻りません。

scanMsg = "Ready To Scan" 
    if (data.status == "success") { 
     scanMsg = "Scan Success"; 
    }else { 
     scanMsg = "Failed"; 
     } 
    } 

    <div id="divScanMsg" class="cssTitleCenter cssFontS cssCurEdges pull-right" ng-class="'bg-green':vm.scanMsg==='Scan Success', 'bg-red': scanMsg === 'Failed'" style="height: 30vh; width: 50%; overflow-y:scroll; border-style:double; border-width:25px;">{{ vm.scanMsg }}</div> 

Answer 1

変数をリセットしない限り、その変数は変更されません。これをタイムアウトを使って試してください。 scanMsgに基づい

function resetScanMsg(){ 
$timeout(function(){ 
    $scope.scanMsg = 'Ready To Scan'; 
}, 2000); 

$scope.someFn = function(){ 

$scope.scanMsg = "Ready To Scan"; 

if (data.status == "success") { 
    $scope.scanMsg = "Scan Success"; 
    resetScanMsg(); 
}else { 
    $scope.scanMsg = "Failed"; 
    resetScanMsg(); 
} 

} 

と背景色を設定するためには、

<div ng-class="{'bg-red': scanMsg === 'Failed', 'bg-green': scanMsg === 'Scan Success'}"></div> 

あなたのhtmlでこれを使用して、あなたのCSSに

.bg-red{ 
    background-color: red; 
} 

.bg-green{ 
    background-color: green; 
}