Base solution for your next web application
Open Closed

Show Profile Pictures in Users Grid #5243


User avatar
0
rvanwoezik created

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)
  • User Avatar
    0
    ismcagdas created
    Support Team

    @rvanwoezik you can use ProfileAppService's address;

    api/services/app/Profile/GetFriendProfilePictureById?ProfilePictureId={{profilePictureId}}