0

我有一个要在网格 ( <table>) 中显示的邮件列表。其中一些邮件带有附件。对于它们对应的行,我想在附件列中显示一个附件图标。休息时,它应该是空的。

JsFiddle:http: //jsfiddle.net/6s4Z5/

我的模板如下:

<table id="resultTable">
    <thead>
        <tr>
            <th ng-repeat="columnId in schema.columnOrder">
                <img src="icon_attach.png" ng-if="columnId == 'hasAttachments'">
                {{schema.columns[columnId].displayText}}
            </th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="row in results.mails">
            <td ng-repeat="columnId in schema.columnOrder">
                <img src="icon_attach.png" ng-if="columnId == 'hasAttachments' && row.hasAttachments">
                <span ng-if="columnId != 'hasAttachments'" >{{ row[columnId] }}</span>
            </td>
        </tr>
    </tbody>
</table>

其中schema.columnOrder是要在表中显示的 columnId 数组。

此模板有效,但这是实现此模板的最佳方式吗?此外,我必须添加一个额外<span>的 forng-if语句。也可以去掉吗?

4

2 回答 2

0

您几乎可以将其更改为:

<span ng-if='your check'><img src=''/>{{row[columnId}}</span>
于 2014-08-05T11:57:28.937 回答
0

您可以(在控制器中)将 hasAttachments 列的值设置为您要在此处显示的图像。

于 2014-08-05T11:58:56.830 回答