генерировать штрих-код во время выполнения, используя ngx-штрих-код

Question

Я хочу перебрать цикл и прочитать сериалы из коллекции и показать их, используя 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-value] =" {{PS.SerialId}} "[bc-display-value] =" true ">"): ng: ///AppModuleShared/PrintSerialsComponent.html@8: 25

Как показать серийный штрих-код?спасибо

Answer 1

вам нужно убрать интерполяцию как [bc-value]="{{PS.SerialId}}" до [bc-value]="PS.SerialId".

Вот рабочий пример: Рабочий пример ngx-штрих-кода

Надеюсь, это поможет вам !!!!

Answer 2

Измените свой код на это:

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

Как показывает ошибка, не следует использовать строковую интерполяцию для присвоения [bc-value]