ng-class에서 연산자 (>, <, ==,! =) 사용

값이 ng-class의 다른 숫자 또는 변수와 같은지 확인하려면 연산자를 사용하고 스타일 클래스를 적용하고 싶습니다. 따라서. 기본적으로 나는 그들의 prob에 따라 div를 채색하고 싶습니다.ng-class에서 연산자 (>, <, ==,! =) 사용

ng-class의 사용법이 맞습니까? 이

{{1-apStats.preMappedProbability.toFixed(3)}}

하지만 NG 수준의 태그가 작동하지 않는 값을 출력합니다. 어떤 이유?

<div ng-class="(1-apStats.preMappedProbability.toFixed(3) >=0.5) ? 'yellowClass':'redClass'"> {{1-apStats.preMappedProbability.toFixed(3)}} </div>

내가 뭘 잘못하고 있니?.

ng-class="{moreBtnGray : condition}"

를 귀하의 경우에는 - - 당신이해야 당신이

출처

2016-11-10 Subhash

. 배열을 사용하거나 올바른 구문을 사용하십시오 : https://docs.angularjs.org/api/ng/directive/ngRepeat –

또한 템플릿에서'prob1.p' 대신'1-prob.p'를 사용하고 [이 질문] (http://stackoverflow.com/questions/15127834/how-can-i-iterate-over-the-keys-value-in-ng-repeat-in-angular)에서 반복하는 방법을 살펴보십시오. 객체 위에 적절히 배치하면 수락 된 답변의 주석에서 볼 수있는 것처럼 데이터를 배열로 변환하는 것이 좋습니다. – GillesC

prob1, prob2, prob 3 등과 같은 확률 객체의 목록이 있습니다. 그리고 저는 그 객체들을 반복합니다. 어쨌든, 나는 그것이 틀린 지 점검 할 것입니다. ng-class가 제대로 사용되는지 여부를 알려주시겠습니까? – Subhash

@Subhash이

NG 수준의 지침에서는, 먼저 다음과 같이 클래스 이름을 다음 조건을 줄 필요가 감사 2 ng-class를 사용하고 이에 따라 조건을 유지하십시오.

<div ng-class="{yellowClass: condition1, redClass:condition2}">{{1-prob.p}} </div>

출처

2016-11-10 12:21:29

편집 된 질문을보고 말해 주시겠습니까? 고맙습니다 – Subhash

<div ng-repeat="item in probability"> 
<div ng-class="(1-item.prob.p)>=0.5 ? 'yellowClass':'redClass'">{{1-item.prob.p}} </div>

출처

2016-11-10 12:16:56

구문 : 개체의 키/값 쌍을 반복하는 올바른 구문이 아니다

<element ng-class="class : conditionExpression"></element>

수정하여 ng-class이 방법

<div ng-class="'yellowClass': 1-apStats.preMappedProbability.toFixed(3) >= 0.5; 'redClass' : anotherCondition">{{1-apStats.preMappedProbability.toFixed(3)}}</div>

출처

2016-11-10 12:47:46

ng-class에서 연산자 (>, <, ==,! =) 사용

답변

관련 문제