← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / angular
rtk-message-list-view
Компонент, который отображает список сообщений.
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
estimateItemSize |
number |
✅ | - | Примерная высота элемента |
iconPack |
IconPack1 |
❌ | defaultIconPack |
Набор значков |
loadMore |
(lastMessage: Message) |
✅ | - | Функция для загрузки дополнительных сообщений. Возвращённые ею сообщения будут добавлены в начало |
messages |
Message[] |
✅ | - | Сообщения для отображения |
renderer |
(message: Message, index: number) |
✅ | - | Функция отрисовки сообщения |
visibleItemsCount |
number |
✅ | - | Максимальное количество видимых сообщений |
Примеры использования
Базовое использование
<!-- component.html -->
<rtk-message-list-view></rtk-message-list-view>Со свойствами
<!-- component.html -->
<rtk-message-list-view
estimateItemSize="42"
[loadMore]="(lastmessage: message)"
[messages]="[]">
</rtk-message-list-view>