Error " Property ‘page’ does not exist on type ‘ListApplication’. during production build" ng build –prod" command

  angular, html, javascript

ERROR in src/app/components/List-Application/list-application.component.html(28,13): Property ‘page’ does not exist on type ‘ListApplication’.

src/app/components/List-Application/list-application.component.html(46,34): Property ‘page’ does not exist on type ‘ListApplication’. ##

  list-application.component.html
   <mat-card>
   <mat-toolbar class="toolbar">
   <mat-card-title>Application List</mat-card-title>
   <span class="toolbar-spacer">
  <mat-icon (click)="addApp()">add</mat-icon>
  </span>
  <span class="example-spacer"></span>
  <form id="searchForm">
  <div class="form-group">
    <input type="text" class="form-control"  name="searchString" placeholder="Search..." 
  [(ngModel)]="searchString">
   </div>
   </form>
   </mat-toolbar>


   <mat-card-content>
   <div class="container" id="content" #content>
   <table class="table" matSort (matSortChange)="sortData($event)">
    <thead>
      <tr>
        <th mat-sort-header="application_Name">Application Name</th>
        <th mat-sort-header="technology">Technology</th>
        <th mat-sort-header="priority">Priority</th>
        <th mat-sort-header="created_Date">Created Date</th>
      <tr>
     </thead>
     <tr *ngFor="let app of listApplications| filterAll:searchString | paginate: { itemsPerPage: 10, 
    currentPage: page }">
      <td>{{app.application_Name}}</td>
      <td>{{app.technology }}</td>
      <td>{{app.priority }}</td>
      <td>{{app.created_Date | date : "dd.MM.y"  }}</td>
      <td><mat-icon (click)="editApp(app.application_ID)">edit</mat-icon></td>
      <td><mat-icon (click)="deleteApp(app.application_ID)">delete</mat-icon></td>
      </tr>
      <tr *ngIf="!listApplications || listApplications.length==0">
       <th colspan="5">
        <p class="text-right text-danger">
          Sorry, No Applications available ..!
        </p>
        </th>
      </tr>

      <tr class="has-text-centered">
      <td style="width:40%">
        <pagination-controls (pageChange)="page = $event"></pagination-controls>
      </td>
      <td>
        <input type="button" value="Download All Records" class="btn btn-success" 
    (click)="generatePDF('download')">
       </td>
       <td>
        <input type="button" value="Download Search" class="btn btn-success" 
      (click)="searchResultPDF('download')">
      </td>
      </tr>
   </table>
   </div>
  </mat-card-content> 
   </mat-card>

Source: Ask Javascript Questions

LEAVE A COMMENT