필터가있는 ng-style이 작동하지 않습니다.

Question

이것은 작동하지 않습니다. 어딘가에서 구문 문제가 발생하면 몰라요.

필터가 양수를 반환하는 경우에도 항상 색상 비스크가 표시됩니다.

<td class="calculatedCol" ng-style= "({{termsList|totalDeviationByKey:'oldspnd':'spend':'optspnd'}})> 0 ? {'color': 'black'} : {'color': 'bisque'}" > 
{{termsList|totalDeviationByKey:'oldspnd':'spend':'optspnd' |number:2 }}%</td> 

JS 파일의 필터는 다음과 같습니다

app.filter('totalDeviationByKey', function() { 
    return function (data, key1, key2,key3) { 
     if (typeof (data) === 'undefined' || typeof (key1) === 'undefined' || typeof (key2) === 'undefined') { 
      return 0; 
     } 

     var sum1 = 0; 
     var sum2 = 0; 
     var sum3 = 0; 

     for (var i = data.length - 1; i >= 0; i--) { 
      sum1 += parseInt(data[i][key1]); 
      sum2 += parseInt(data[i][key2]); 
      sum3 += parseInt(data[i][key3]); 

     } 
     var A = sum1/sum2; 
     var B = sum3/sum2; 

     return ((A-B)/A)*100; 


    } 
}); 

Answer 1

는, 하나의 중괄호를 사용하는 이중 중괄호를 제거하고 다음과 같이 삼항 동작을 변경합니다.

ng-style = "{'color': ((termsList|totalDeviationByKey:'oldspnd':'spend':'optspnd')> 0)? 'black' : 'bisque'}"