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

<section class="card">
    <div class="card_header">
        <h4>Vendors</h4>
        <div>
            <input type="text" placeholder="Search Vendors" [(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="vendorList">
            <img src="{{vendor.vendorImageLink}}">
            <div class="upfold-content">
                <h5>Id:{{vendor.vendor_Id}}   {{vendor.vendorName}}</h5>
                <span>Ph: {{vendor.vendorOfficeNo}}</span>
            </div>
        </li>
    </div>

</section>