使用ngx-barcode在运行时生成条形码

Question

我想遍历循环并从集合中读取序列，并使用以下代码使用ngx-barcode显示它们：

<tbody>
<tr *ngFor="let PS of PrintSerials">
<ngx-barcode [bc-value]="{{ PS.SerialId }}" [bc-display-value]="true"></ngx-barcode>
</tr>
</tbody>

但我收到此错误；

  

NodeInvocationException：模板解析错误：解析器错误：得到了   插值（{{}}），其中期望在[{{   PS.SerialId}}] in   ng：///AppModuleShared/PrintSerialsComponent.html@8：25（“] [bc-value] =” {{PS.SerialId}}“” [bc-display-value] =“ true”>    ”）：ng：///AppModuleShared/PrintSerialsComponent.html@8：25

如何显示串行条形码？ 谢谢

Answer 1

将代码更改为此：

<ngx-barcode [bc-value]="PS.SerialId" [bc-display-value]="true"></ngx-barcode>

如错误所示，不应使用字符串插值来分配[bc-value]

Answer 2

您需要删除[bc-value]="{{PS.SerialId}}"至[bc-value]="PS.SerialId"之类的插值。

这是有效的示例：ngx-barcode working example

希望这对您有帮助！!!!