當超過100％時顯示符號

Question

當值{{reservoir}}大於100時，如果顯示小於100的值，則顯示圖標。

<div class="water-box-label text-center" ng-if="reservoir>100"> 
    <div> 
     <i class="fa fa-exclamation-triangle"></i> 
    </div> 
    {{reservoir}} 
    <h5> 
     <p>{{reservoir_value}} m&sup3</p> 
    </h5> 
</div> 

控制器

$scope.reservoir = $scope.updateWaterLevel(value, "watertank"); 
$scope.reservoir_value = ($scope.reservoir.split("%")[0]*1000)/100; 
$scope.updateWaterLevel = function (value, elementID) { 
    var waterBox = document.getElementById(elementID); 
    waterBox.style.height = value.INFO + '%'; 
    if (value.INFO < 15) { 
     waterBox.style.background = '#c0392b'; 
    }else if(value.INFO > 100){ 
     waterBox.style.height = 0; 
    } else { 
     waterBox.style.background = '#3498db'; 
    } 
    return value.INFO + ' %'; 
}; 

Answer 1

首先，被分配之前$scope.updateWaterLevel被調用。如果您想將其保存在控制器的底部，請將其更改爲功能聲明，該聲明將被懸掛並可從控制器的頂部調用。

$scope.updateWaterLevel = updateWaterLevel; 
... 
function updateWaterLevel(value, elementID) { 
    ... 
} 

其次，ng-if被進行比較的數字100對初始化爲value.INFO + ' %'字符串reservoir。嘗試將reservoir作爲數字並在視圖中添加'％'。