td에 css를 적용하는 방법 각 열의 CSS 클래스가 각도 js에서 구분됩니다.

Question

ng- repeat를 사용하여 테이블을 표시하고 있습니다.이 테이블에는 각 열마다 다른 CSS 클래스가있는 열이 있습니다. 스타일을 적용하려면 어떻게해야합니까?

<td class="abcCell" 
      ng-repeat="(key, value) in Rows" 
      ng-class= "clasTobeGeneratedDynamically" 
      ng-click="onclick(rowId)"> 

Answer 1

형태의 주석을 계속 :

1)의이 Rows 배열의 모든 항목이 className 필드가 있다고 가정 해 봅시다 :

여기 두 개 이상의 옵션을 참조하십시오. 이 경우 class="{{key.className}}"을 추가하면됩니다.

<td class="abcCell {{key.className}}" 
      ng-repeat="(key, value) in Rows" 
      ng-class= "clasTobeGeneratedDynamically" 
      ng-click="onclick(rowId)"> 

2) 당신은() 일의 일부 필드의 존재, 또는 값에 따라 Rows의 각 항목에 대한 클래스 이름을 미리 정의했습니다. 그럼 당신은 ng-class를 사용해야합니다 :

<td class="abcCell" 
       ng-repeat="(key, value) in Rows" 
       ng-class= "clasTobeGeneratedDynamically" 
       ng-click="onclick(rowId)" 
       ng-class="{class1 : key.field1}"> 

또는

<td class="abcCell" 
       ng-repeat="(key, value) in Rows" 
       ng-class= "clasTobeGeneratedDynamically" 
       ng-click="onclick(rowId)" 
       ng-class="{class1 : key.field == 'value1'}"> 

아무것도 여기 않는 경우 일치를?