Import and Usage

Import the module and add it to your imports section in your main AppModule:

import { AngularQrBclModule } from 'angular-qr-bcl';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, CommonModule, AngularQrBclModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

Import Bcl Service and add it to your eg AppComponent:

import { BclService } from 'angular-qr-bcl';
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent {
  title = 'angular';
  constructor(private bclService: BclService) {}

  onBclVerify(data: any) {
    console.log(data);
  }

  toggleModal() {
    this.bclService.toggleBclModal();
  }
}

Add Bcl Component Selector to your eg app.component.html:

<lib-angular-qr-bcl (onBclVerify)="onBclVerify($event)"></lib-angular-qr-bcl>
<button type="button" (click)="toggleModal()">Login With BCL</button>