Angular2:Html替换为空

时间:2016-11-11 12:35:39

标签: angular

我有一个动态生成的项目列表,如下所示:

<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'

如果我删除{{}}表达式,则所有项目都将获得UNKNOWN

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

我做错了什么?

1 个答案:

答案 0 :(得分:2)

正确的语法是*ngIf="expression"