Qr Scanner - Angular .Child component -qr.component с входом, включенным в родительский компонент (ngx-barcode-scanner), событие закрытия камеры не работает

Question

Qr Scanner - Angular. как дочерний Sherable компонент с входом, включенным в родительский компонент

Я сделал дочерний компонент qr.component.ts и включен в parent.component.ts

Я хочу сделать его разделяемым компонентом-> qr- сканер, с входным выходом.

проблема в том, что когда я нажимаю кнопку отмены из родительского, он не закрывает qr-камеру: можете ли вы увидеть код и предложить, если это имеет смысл для вас и

qr.component. html:

<div *ngIf="showQr">
  <div class="scan-page" [class.show-scanner]="isOn">    
  </div
</div>

qr.component.ts:

export class QrScanComponent implements OnInit, OnChanges {
      @Input('showQr') showQr;
      @Input('isOn') isOn;
      @Output() content = new EventEmitter();    

    async sendContent() {
        this.content.emit(this.scannedBags)   
      }  
}

parent.component. html

<app-qr-scan [showQr]="showQr"></app-qr-scan> 
<button (click)="cancelScanning()"> cancel qr </button>

parent. component.ts

 async startScanning() {
    this.showQr = true; 
     this.isOn = true;
  }  


async cancelScanning() {        
    this.isOn = false;
    this.showQr = false;    

    this.qrScanner.pausePreview();  

    this.qrScanner.hide().then(() => {  
      console.log('scanner should be hidden');  
    }); 
    this.qrScanner.destroy().then( () => {  
      console.log('its bein destoryed');    
      this.isOn = false;    
    })  
  }