[BUG] @prizm-ui/components - prizmTabs при передаче объекта в атрибут [content], в списке объектов отображается [object: object]

[AlexandrPashanov]

Библиотека

Выберите нужное отметив галочку [x]

• @prizm-ui/core
• [x ] @prizm-ui/components
• @prizm-ui/install
• @prizm-ui/icons
• @prizm-ui/flag-icons
• @prizm-ui/theme
• @prizm-ui/charts
• @prizm-ui/ast
• @prizm-ui/nx-plugin

Компонент

PrizmTabs

Версия

Операционная ситема:

Windows 10,

Браузер:

Версия 126.0.6478.127 (Официальная сборка), (64 бит)

NodeJS:

➜ node --version
v18.19.0

Dependencies:

 npm ls @prizm-ui/components
[email protected] C:\git\Projects\test\test
└── @prizm-ui/[email protected]

npm ls @angular/core
[email protected] C:\git\Projects\test\test
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├── @angular/[email protected]
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @angular/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @ngx-translate/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @prizm-ui/[email protected]
│ ├─┬ @angular/[email protected]
│ │ └── @angular/[email protected] deduped
│ ├── @angular/[email protected] deduped
│ ├─┬ @ng-web-apis/[email protected]
│ │ └── @angular/[email protected] deduped
│ ├─┬ @ng-web-apis/[email protected]
│ │ └── @angular/[email protected] deduped
│ ├─┬ @ng-web-apis/[email protected]
│ │ └── @angular/[email protected] deduped
│ ├─┬ @ng-web-apis/[email protected]
│ │ └── @angular/[email protected] deduped
│ ├─┬ @prizm-ui/[email protected]
│ │ └── @angular/[email protected] deduped
│ └─┬ [email protected]
│   └── @angular/[email protected] deduped
├─┬ @prizm-ui/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @prizm-ui/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @prizm-ui/[email protected]
│ └── @angular/[email protected] deduped
├─┬ @prizm-ui/[email protected]
│ └── @angular/[email protected] deduped
└─┬ [email protected]
  └── @angular/[email protected] deduped

Проект в котором используется Prizm

ИАС БГПЗ

Скрин / Видео проблемы

Скриншот.jpg

Ссылка на stackblitz с минимальным воспроизведением
Пример:

https://stackblitz.com/edit/ngx-14-title-demo-enp5ng?file=src%2Fapp%2Fapp.component.html

Описание проблемы

Если в content тэга prizm-tabs передать объект, либо ссылку на шаблон, использующий объект, то в dropdown со списком табов, табы будут отображаться, как [object Object].

const tabs = [{title: 'title1', name: 'name1'}];
<prizm-tab *ngFor="let tab of tabs" [content]="tabContent" [type]="'line'">
<ng-template #tabContent>

{{tab.title}}

{{tab.name}}

Шаги воспроизведения:

1. Создать набор табов, чтобы табы вылезали за пределы контейнера
2. В атрибут content передать объект.
3. Открыть dropdown со списком табов.