angularjs - ngRepeat with Table: セルの表示テキストを変更する

Question

グリッドに表示したいメールのリストがあります ( <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、テーブルに表示される columnIds の配列です。

このテンプレートは機能していますが、これを実装する最良の方法はありますか? <span>さらに、 forng-ifステートメントを追加する必要があります。それも削除できますか？

Answer 1

(コントローラーで) 列 hasAttachments の値を、そこに表示するイメージに設定できます。