可以在window.open中使用ngx-barcode,以下是一个例子:
npm install ngx-barcode --save
import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import { BarcodeGenerator } from 'ngx-barcode';
@Component({
selector: 'app-your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
@ViewChild('barcode') barcode: ElementRef;
constructor(private barcodeGenerator: BarcodeGenerator) { }
ngOnInit() {
const barcodeData = '1234567890'; // 设置条形码的数据
const barcodeType = 'code128'; // 设置条形码的类型
const barcodeOptions = {
width: 2,
height: 100,
format: 'SVG',
displayValue: true
};
const barcodeElement = this.barcode.nativeElement;
this.barcodeGenerator.createBarcode(barcodeElement, barcodeData, barcodeType, barcodeOptions);
}
}
Barcode
以上代码将在新窗口中打开一个包含ngx-barcode的Angular组件,并生成条形码。