vendor-app/src/app/admin/vendors/vendors.component.html

<section class="common_card">
    <div class="card_header">
        <h4>Vendors</h4>
        <div>
            <input type="text" placeholder="Search Malls" [(ngModel)]="searchTerm" (input)="searchAllMalls()"
                autocomplete="off" #searchbar>
            <button class="rect-button" (click)='showModal = true'>+</button>
        </div>
    </div>
    <div class="card_upfold">
        <li *ngFor='let vendor of vendors' class="mallList">
            <img src="{{malls.image_url}}">
            <div class="upfold-content">
                <h5> {{vendor.vendorName}}</h5>
                <div>
                    <span *ngIf='vendor.outlets.length > 0'>Outlets: {{vendor.outlets.length}}</span>
                    <span *ngIf='vendor.outlets.length === 0'>Outlets: 0</span>
                    <span> Rating: {{vendor.ratings}} </span>
                    <span> Location: {{vendor.vendorAddress}}</span>
                </div>

            </div>
        </li>
    </div>

</section>