JavaScript Angular if ng-repeat is empty

[ClocxHD]

Hallo,

ich möchte mit AngularJS Daten in einer Tabelle ausgeben.
Das funktioniert auch soweit.
Jedoch möchte ich, dass wenn für eine Spalte keine Daten vorhanden sind,
ein entsprechendes Icon angezeigt wird.

Das habe ich mit folgendem Code versucht:

<tr ng-repeat="(key, quote) in quotes">
    <td>{% verbatim %}{{ key }}{% endverbatim %}</td>
    <td>{% verbatim %}{{ quote[1] }}{% endverbatim %}</td>
    <td>{% verbatim %}{{ quote[0] }}{% endverbatim %}</td>
    <td ng-if="quotes[3].length">{% verbatim %}{{ quote[3] }}{% endverbatim %}</td>
    <td ng-if="!quotes[3].length"><i class="fa fa-times" aria-hidden="true"></i></td>
    <td>{% verbatim %}{{ quote[2] }}{% endverbatim %}</td>
</tr>

Jedoch gibt er mir dann in jeder Zeile ein "x" aus, obwohl für manche Daten vorhanden sind.

(Es handelt sich um die Zeilen mit "quotes[3]")

Woran liegt das?

LG,
ClocxHD

 

[redeye86]

Sollte es evtl. "quote[3]" statt "quotes[3]" im ng-if heissen?

 

[ClocxHD]

Oh, vielen Dank!