Diese Frage hat hier bereits eine Antwort:

Ich habe eine Reihe von Benutzern und möchte nur männliche Benutzer auf dem Tisch anzeigen. Hier ist, wie ich versuche, dies zu erreichen:

import {Component} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';

@Component({
    selector: 'app',
    template:`
    <table>
        <tbody>
            <tr *ngFor="#user of users" *ngIf="user.gender == 'male' " >
                <td>{{user.name}}</td>
                <td>{{user.gender}}</td>
            </tr>
        </tbody>
    </table>
    `
})
export class AppCmp{
    public users = [
        {
            name: "Eesa",
            gender: "male"
        },
        {
            name: "Abdullah",
            gender: "male"
        },
        {
            name: "Javeria",
            gender: "female"
        }
    ]
}

bootstrap(AppCmp);

aber ich erhalte den folgenden Fehler:

EXCEPTION: TypeError: Die Eigenschaft 'gender' von undefined @ kann nicht gelesen werd

ie Sie sehen können, verwende ich * ngFor und * ngIf für dasselbe Element, d. h.tr. Warum kann ich * ngFor und * ngIf nicht für dasselbe Element verwenden? Gibt es eine andere Möglichkeit, dies zu erreichen? Ich habe das Problem wieder hergestellthier auf Plunker Sie können den Fehler auf der Konsole sehen.