각도 : 테이블 셀에 null 값을 렌더링하십시오.

Question

뷰에서 빈 값으로 템플릿에 null 값을 렌더링하도록하려면 어떻게해야합니까? 내가 여러 번 사용했습니다이 이에 대한

<table> 
    <tr *ngFor="let key of keys"> 
    <!-- may evaluate to null but I want the row anyway --> 
    <td>{{ foo[key]}}</td> 
    </tr> 
</table> 

Answer 1

널 값은 셀을 붕괴 빈 컨텐츠로 출력됩니다. 셀에 공백 문자 만 있으면 같은 일이 발생합니다. 값이 null 인 경우가 아닌 축소 된 셀을 얻으려면, 당신은 그것을에서 깨지지 않는 공백을 삽입 할 수 있습니다

<td>{{ foo[key] || "&nbsp;" }}</td> 

이 this stackblitz를 참조하십시오.

Answer 2

스트레이트 포워드 솔루션 :

<td>{{ (foo[key] || '') }}</td>