← Cloudflare Realtime / realtime / realtimekit / ui-kit / api-reference / angular
rtk-meeting
Единый компонент, который отображает весь интерфейс встречи. Он загружает ваш пресет и строит интерфейс на его основе. Благодаря этому компоненту вам не нужно самостоятельно обрабатывать все состояния, диалоги и другие мелкие детали управления приложением.
Свойства
| Свойство | Тип | Обязательный | По умолчанию | Описание |
|---|---|---|---|---|
applyDesignSystem |
boolean |
✅ | - | Нужно ли применять дизайн-систему к корневому элементу документа из конфигурации |
config |
UIConfig |
✅ | - | Конфигурация UI |
gridLayout |
GridLayout1 |
✅ | - | Макет сетки |
iconPack |
IconPack |
❌ | defaultIconPack |
Набор значков |
leaveOnUnmount |
boolean |
✅ | - | Должен ли участник покидать встречу при размонтировании этого компонента |
loadConfigFromPreset |
boolean |
✅ | - | Нужно ли загружать конфигурацию из пресета |
meeting |
Meeting |
✅ | - | Объект встречи |
mode |
MeetingMode |
✅ | - | Тип заполнения |
overrides |
Overrides |
❌ | defaultOverrides |
Переопределения UI Kit |
showSetupScreen |
boolean |
✅ | - | Нужно ли показывать экран настройки |
size |
Size |
✅ | - | Размер |
t |
RtkI18n |
❌ | useLanguage() |
Язык |
Примеры использования
Базовое использование
<!-- component.html -->
<rtk-meeting></rtk-meeting>Со свойствами
<!-- component.html -->
<rtk-meeting
[applyDesignSystem]="true"
[config]="defaultUiConfig"
[gridLayout]="gridlayout1">
</rtk-meeting>