2017-10-24 2 views
0

안녕하세요,각도 2 세포의 색을 변경

내 질문에 대한 테이블의 세포의 색상을 변경하는 방법에 대해. 비어있는 경우 노란색으로 표시하고 일부 값을 입력하면 흰색으로 변경됩니다.

각 경우마다 ngswitch를 사용하고 비어 있거나 값이있는 한 셀에서 다른 셀로 전환 할 때의 포커스 이벤트를 생각했습니다.

감사합니다.

+1

코드는 어디에 있습니까? 지금까지 뭐 해봤 어? –

+0

위의 질문에 코드를 추가하십시오. 주석 대신 여기에서 더 잘 볼 수 있습니다. –

답변

0

간단하게 유지하십시오!

사용 ngClass 예를 들면 다른 배경 색상으로 두 개의 서로 다른 CSS 클래스 정의 : 당신이 좋아하는 무언가를 추가 할 수있는 HTML에서

.empty{ 
    background: yellow; 
} 

.content{ 
    background: white 
} 

는 :

<div [ngClass]="cellContent == cellContent ? 'empty': 'content'"> 

cellContent는 캐릭터가 될 수 있습니다 그 비어 있거나 셀에 표시 할 내용이 있습니다.

+0

감사합니다. 구성 요소에 아무것도 넣지 않아도됩니까? –

+0

구성 요소에 cellContent를 정의해야합니다. – m33n