Here is the provided HTML code for scanning a barcoder and assigning it to the barCodeNumber variable. The onChange() function will be called once the barcode is scanned.
Question: How can I hide the div on the UI while still allowing the function to work, even if the div is not visible?
I attempted to use "visibility: hidden" in a SCSS style class, but the function did not work as expected.
<div class="mt-5">
<div class=" flex flex-row align-content-center justify-content-between row-gap-6 card-container">
<form>
<input type="text" [ngModelOptions]="{standalone: true}" [(ngModel)]="barCodeNumber"
autofocus="true" placeholder="Enter/Scan RFID" (change)="mappingFunction($event)">
</form>
</div>
</div>
Below is the .ts file content:
mappingFunction(event){
console.log('Event print', event);
}