item-details.ts

import {Component,Input,SimpleChanges} from '@angular/core';

@Component({
  selector: 'item-details',
  templateUrl: 'item-details.html',
})
export class ItemDetails {
  
  private _item; // private property _item

  // use getter setter to define the property
  get item(): any { 
    return this._item;
  }
  
  @Input()
  set item(val: any) {
    console.log('previous item = ', this._item);
    console.log('currently selected item=', val);
    this._item = val;
    this._item.status = 'In Process';
  }


  @Input() notifyItemProcessed: () => void;
  
  suppliedQuantity: number;
  scannedUPC: string;
  errors: string[];
  
  
  constructor(){}
  
  
}