Angular2：HTML更換空

Question

我有一個動態生成的生成項的列表如下：

<div class="servers" *ngFor="let item of products"> 
    <table> 
     <tr> 
      <td>{{item}}</td> 
     </tr> 
    </table> 
</div> 

存在這樣的情況，當項目可以等於空白，或沒有。

我想用一個簡單的nG方法用具體的東西來替換空值。 （在這種情況下，未知）

我試圖做這樣的事情：

<td class="headings" ng-if="{{item}}">{{item}}</td> 
<td class="headings" ng-if="{{!item}}">Unknown</td> 

但這種收益率在一個錯誤：

Can't bind to 'ng-if' since it isn't a known property of 'td' 

如果我刪除{{}}表達，所有物品都未知

<td class="headings" ng-if="item">{{item}}</td> 
<td class="headings" ng-if="!item">Unknown</td> 

我在做什麼錯？

Answer 1

正確的語法是*ngIf="expression"。