如何使用ng-repeat为表中的每一行设置不同的条件？

Question

我有一张桌子： -

<table style="width:100%;" cellpadding="0" cellspacing="0">
        <thead>
            <tr>
                <th>Row1</th>
                <th>Row2</th>
                <th>Row3</th>
                <th>Row4</th>
                <th>Row5</th>
                <th>Row6</th>
                <th>Row7</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="row in ListDisplay">
                <td>{{row.val1}}-{{row.val2}}</td>
                <td>{{row.val3 != null ? row.val3 : "&nbsp;"}}</td>
                <td><div class="width">{{row.val4 != null ? row.val4 : "&nbsp;"}}</div>
                </td>
                <td>{{row.val5 != null ? row.val5 : "&nbsp;"}}</td>
                <td>{{row.val6 != null ? (row.val3 == "1"? row.val6 : (row.val6 | date:'dd-MMM-yyyy')) : "&nbsp;"}}</td>
                <td>{{row.val7}} {{row.val8 != null ? row.val8 : "&nbsp;"}}</td>
            </tr>
        </tbody>
</table>

每个<td></td>标记由不同的条件组成。我想在<td></td>标签上进行ng-repeat。但是由于上述条件是不可能的。这有解决方法吗？

Answer 1

您可以在每个td标记上使用ngif。有关ngif的更多信息，请访问here。