角度：表のセルでヌル値をレンダリングする

Question

ビューにヌル値を空白スペースとしてテンプレートにレンダリングさせるにはどうすればよいですか？私は何回も使用しました。このため

<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値は、細胞を崩壊空のコンテンツとして出力されます。セルに空白文字だけが含まれている場合も同じことが起こります。値がnullのとき、非崩壊セルを取得するには、あなたはそれで割れないスペースを挿入することができます。

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

はthis stackblitzを参照してください。

Answer 2

ストレートフォワードソリューション：

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