Angular 2 ngClass : html로 json을 표시하려고 할 때 expression이 예상되는 곳에 보간법 ({{}})을 얻습니다.

Question

저는 Angular 2를 처음 사용하고 커뮤니티에서 도움을 얻기를 희망했습니다. 현재 내 html보기의 <tr> 요소에 ngClass의 동적/조건부 구현을 구현하려고합니다. 사용 trufy는 변수이며 원래 값 내 Componenet에 설정된 JSON 객체에서 온다 :

<td [ngClass] = "{weak : {{jsonInMyComponenet.element}}, neutral : !{{jsonInMyComponenet.element}}}" ></td> 

나는이 오류가 위에 내가 코드를 사용하는 경우 :

있어 보간 ({{}}) 표현식이 예상 된 곳

중괄호를 제거하면 오류가 발생하지만 페이지가 요소를 렌더링하지 않으므로 약하거나 중립적 인 클래스 구현을 볼 수 없습니다. 내가 뭘 잘못하고 있니?

Answer 1

[...]과 {{...}}을 함께 사용하지 마십시오. 하나 또는 다른 것.

<td [ngClass] = "{'weak' : jsonInMyComponenet.element, 'neutral' : !jsonInMyComponenet.element}" ></td> 

{{...}}은 문자열 보간법입니다. [...]은 값을 표현식으로 해석합니다.