2014-12-12 5 views
2

좋아요. 이제 조건이 맞으면 CSS를 설정하려고합니다. 하지만 조건문에 대한 올바른 구문을 알아낼 수는 없습니다.ng-grid의 셀 내용을 기반으로 셀 CSS를 동적으로 변경합니다.

cellTemplate: '<div ng-style="\'colorChange\' : {{row.getProperty(col.field)}} == {{myFlavor.flavor}}" ><div class="ngCellText">{{row.getProperty(col.field)}}</div></div>'}, 

오류 : [$ 구문 분석 : 구문] 구문 오류 : 토큰 ':'

나는 그 구문이 올바른 생각하지만.

답변

1

다음은 ng-grid의 셀 내용을 기반으로 셀 CSS를 동적으로 변경하는 방법에 대한 작동 예제입니다.

<div class="ngCellText" 
    ng-class="{\'colorChange\': row.entity.flavor == \'true\' }"> 
     {{ row.getProperty(col.field) }} 
</div> 

전체에 유래 답변 : https://stackoverflow.com/a/22852547/1745230

+1

헤이 알렉스, 나는 stackflow 대답, 내 경우에는하지만, 나는 사용자 입력, 즉석에서 변경을 시도하고 있음을 보았다. 거기에 갈 수는 있지만 사용자가 새 인수를 선택하면 그리드를 새로 고칠 수 없습니다. – user3086615

+0

@ user3086615 : -이 작업을 수행 했습니까? – learner88