Блог

Я получил внешний js-файл, загруженный в мой проект Angular, и одна из функций — это функция обратного вызова, которую я назначил одной из своих функций fnBarcodeScanned(scan) .

Все работает правильно, поскольку я получаю предупреждение с правильно отсканированным штрих-кодом, но следующая строка не присваивает штрих-код моей локальной переменной this.scanData .

 export class HomeComponent implements OnInit {
 scanData: string;

 ngOnInit() {
 }

 fnScanEnable() {
    EB.Barcode.enable({ allDecoders: true }, this.fnBarcodeScanned);
    this.scanData = "enabled: press HW trigger to capture.";
 }

 fnBarcodeScanned(scan) {
   alert(scan.data);
   this.scanData = "barcode: "   scan.data;
 }

  fnScanDisable() {
   EB.Barcode.disable();
   this.scanData = "disabled: press 'enable' to scan.";
 }
}
  

Как я могу привязать fnBarcodeScanned(scan) функцию? Как мне кажется, он потерял привязку к компоненту, когда он был передан в обратный вызов.

Вы можете либо использовать bind() , либо arrow function

Использование bind() :

 fnScanEnable() {
    EB.Barcode.enable({ allDecoders: true }, this.fnBarcodeScanned.bind(this));
    this.scanData = "enabled: press HW trigger to capture.";
 }
  

Использование arrow function :

 fnBarcodeScanned = (scan) => {
   alert(scan.data);
   this.scanData = "barcode: "   scan.data;
 }