Генерировать штрих-код во время выполнения с помощью ngx-barcode
Я хочу перебрать цикл и прочитать сериалы из коллекции и показать их с помощью ngx-штрих-кода, используя следующий код:
<tbody>
<tr *ngFor = "let PS of PrintSerials">
<ngx-barcode [bc-value] = "{{ PS.SerialId }}" [bc-display-value] = "true"></ngx-barcode>
</tr>
</tbody>
но я получаю эту ошибку;
NodeInvocationException: Template parse errors: Parser Error: Got interpolation ({{}}) where expression was expected at column 0 in [{{ PS.SerialId }}] in ng:///AppModuleShared/PrintSerialsComponent.html@8:25 (" ][bc-value] = "{{ PS.SerialId }}" [bc-display-value] = "true"> "): ng:///AppModuleShared/PrintSerialsComponent.html@8:25
Как я могу показать серийный штрих-код? Благодарность
Ответы 2
Измените свой код на этот:
<ngx-barcode [bc-value] = "PS.SerialId" [bc-display-value] = "true"></ngx-barcode>
Как следует из ошибки, не следует использовать интерполяцию строк для назначения [bc-value].
Я уже пробовал, но это не сработало. То есть ничего не показывает.
Действительно ли PS.SerialId имеет ценность? Какие ошибки появляются в консоли при применении моих изменений?
Ты прав, Джейми. Собственно проблема была связана с именем переменной цикла. Я имею ввиду PS. Я не знаю почему, но когда я меняю его на другое имя, сериалы рендерились. в любом случае спасибо за вашу помощь.
вам нужно убрать интерполяцию типа [bc-value] = "{{PS.SerialId}}" в [bc-value] = "PS.SerialId".
Вот рабочий пример: Пример работы ngx-штрих-кода
Надеюсь, что это поможет вам!!!!
каковы ваши PrintSerials?