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

我想迭代循环并读取集合中的序列，并使用以下代码使用ngx条形码显示它们：

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

但是我得到了这个错误

NodeInvocationException:模板解析错误：解析错误：获取 插值（{}}），其中表达式应位于中的第0列[{{ 中的PS.SerialId}}] ng:///AppModuleShared/PrintSerialsComponent。html@8：25（“][bc值]=”{PS.SerialId}}”[bc显示值]=“true”> “”：ng:///AppModuleShared/PrintSerialsComponent。html@8：25

如何显示序列条码？

---

谢谢将您的代码更改为：

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

---

如错误所示，不应使用字符串插值来指定

[bc值]

将代码更改为：

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

---

正如错误所提示的，它不应该使用字符串插值来指定

[bc值]

您需要删除插值，如

[bc值]=“{PS.SerialId}}”

到

[bc值]=“PS.SerialId”

下面是一个工作示例：

---

希望这能帮助你

您需要删除插值，如

[bc值]=“{{PS.SerialId}}”

到

[bc值]=“PS.SerialId”

下面是一个工作示例：

---

希望这能帮助你

我已经试过了，但没用。我的意思是它什么也没显示。

PS.SerialId

真的有值吗？当您应用我的更改时，控制台中有哪些错误？您是对的，Jamie。实际上，问题与循环变量的名称有关。我的意思是PS。我不知道为什么，但当我把它改成另一个名字时，序列就被呈现出来了。不管怎样，谢谢你的帮助。我已经试过了，但没用。我的意思是它什么也没显示。

PS.SerialId

真的有值吗？当您应用我的更改时，控制台中有哪些错误？您是对的，Jamie。实际上，问题与循环变量的名称有关。我的意思是PS。我不知道为什么，但当我把它改成另一个名字时，序列就被呈现出来了。不管怎样，谢谢你的帮助。你的连载是什么？你的连载是什么？