Show Profile Pictures in Users Grid #5243

rvanwoezik created 6 years ago

I'm updating my project from Jquery to Angular and i have a usergrid like this:

<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" *ngFor="let user of coworkers">
                            <div class="mt-card-item">
                                <div class="mt-card-content">
                                    <img src="/Profile/GetProfilePictureById?id={{user.profilePictureId}}" class="card-img" />
                                    <p></p>
                                    <h3 class="mt-card-name">{{user.preferredFullName}}</h3>
                                    <h3 class="mt-card-desc m--font-warning"><i class="m-nav__link-icon la la-phone"></i> {{user.phoneNumber}}</h3>
                                    <h3 class="mt-card-desc m--font-primary">Toestel: {{user.phoneExtension}}</h3>
                                    <h4 class="mt-card-desc m--font-info"><i class="m-nav__link-icon la la-home"></i> {{user.homeAddress.city}}</h4>
                                    <p class="mt-card-desc font-grey-mint">{{user.jobTitle}}</p>
                                </div>
                            </div>
                        </div>

Problem is that profilepicture is not shown, how to show profilepicture in a foreach loop?

1 Answer(s)