<ion-content>
    <ion-card>
        <img [src]="student?.get('avatar')" />
        <ion-card-header>
            <ion-card-title>{{student?.get("name")}}</ion-card-title>
            <ion-card-subtitle>{{student?.get("stuno")}}</ion-card-subtitle>
        </ion-card-header>

        <ion-card-content>
            <ion-list>
                <ng-container *ngFor="let skill of student?.get('skills')">
                    <ion-item>
                        <ion-label>{{skill}}</ion-label>
                    </ion-item>
                </ng-container>
            </ion-list>
        </ion-card-content>
    </ion-card>

    <ul *ngIf="student?.get('skills')?.length">
        <li *ngFor="let skill of student.skills">{{skill}}</li>
    </ul>
</ion-content>