Вопросы по теме 'angular-cdk'

Свойство «matSortChange» не существует для типа «MatSort».
Я обновляю Angular Material и CDK версии 2.0.0-beta.9 до 2.0.0-beta.12 в своем приложении Angular 4. Я получаю следующую ошибку компиляции: «Свойство 'matSortChange' не существует для типа 'MatSort'». Кто-нибудь знает, что не так?
1008 просмотров
schedule 25.12.2022

Событие Angular Material 2 Table Mat Row Click также вызывается нажатием кнопки в ячейке Mat
Я новичок в материале 2, и я реализовал таблицу матов , в которой у меня есть событие щелчка в строке, чтобы открыть диалоговое окно, и есть также кнопка меню в последнем столбце «Действие», но при нажатии на кнопку также открывается диалоговое окно...
51760 просмотров

Используйте таблицу angular-cdk с начальной загрузкой 4
Я использую Angular таблицу CDK (без Angular Material2) и хочу использовать дизайн таблицы начальной загрузки для его оформления. В таблицу CDK можно добавлять классы, но правила начальной загрузки напрямую обращаются к элементам таблицы html...
1335 просмотров

Как реализовать функцию перетаскивания в таблице материалов Angular?
Я могу реализовать функцию перетаскивания с помощью ng2-dragula, но проблема, с которой я сталкиваюсь, заключается в том, что он также перетаскивает строку заголовка, а также не может получить значения перетаскиваемой строки (данные ее строки) и...
4446 просмотров

cdk-virtual-scroll с mat-autocomplete работает нерегулярно
Я пытаюсь использовать cdk-virtual-scroll внутри mat-autocomplete: <mat-form-field> <input type="text" placeholder="Pick one" aria-label="Number" matInput [formControl]="myControl2" [matAutocomplete]="auto">...
3844 просмотров

Директива зоны перетаскивания для Angular CDK drag-drop
Я относительно новичок в Angular 2+, и я хочу перетащить div в другой div. Я использую Drag & Drop CDK и для этого написал следующий код; <div cdkDrop> <div cdkDrag class="wrapper"> <header cdkDragHandle...
1783 просмотров

Как передать определения столбца и строки CDK через компонент
Я пытаюсь передать определения столбцов и строк через компонент, и я не знаю, как это сделать и возможно ли это вообще. Я хочу сделать это, поэтому (а) клиентский компонент может указывать определения данных, столбцов и строк, компонент-оболочка...
1189 просмотров
schedule 09.07.2022

Попытка создать пользовательский компонент поиска с множественным выбором с mat-select-list в оверлее
Я пытаюсь создать настраиваемый фильтруемый компонент Angular Material multiSelect, например этот: Я сделал multi-select-search.component с этим кодом: export interface MultiSelectSearchOption { label: string; value: any; } export...
710 просмотров

Angular Material CDK Drop Event не запускается
Я пытаюсь использовать материал Angular для перетаскивания свободного узла. Это не часть списка, но я хотел бы знать, когда этот элемент был отброшен. Я не уверен, как я могу привязаться к этому событию. Я просто хочу знать, когда узел был...
3384 просмотров

Проблемы с динамической высотой в CdkDropList
Я использую CdkDragDrop для создания динамической сетки, которую можно реструктурировать перетаскиванием от пользователя. Я создал этот StackBlitz, чтобы проиллюстрировать как свой вариант использования, так и проблему, с которой я столкнулся...
207 просмотров
schedule 18.09.2022

Блок прокрутки Angular Material CDK Overlay не работает при боковой панели навигации
Я добавляю наложение CDK к матовому навигатору. Я хотел бы заблокировать прокрутку на mat-sidenav, когда оверлей открыт. Создаю оверлей с заблокированной прокруткой: const overlayConfig = new OverlayConfig({ scrollStrategy:...
2796 просмотров
schedule 25.12.2023

Содержимое анимации исчезает на ранней стадии в компоненте Angular с пониженной версией
У меня есть гибридное приложение Angular / AngularJS. Чтобы запустить это приложение без проблем с производительностью, я запускаю его как приложение AngularJS, используя Angular "downgradeModule". Мне также необходимо использовать директиву...
187 просмотров

Angular - cdkDrag не работает с тегом span
Я использую модуль перетаскивания Angular Material. Как бы то ни было, cdkDrag не работает с span и несколькими другими тегами, которые я наблюдал, такими как тег a . component.html <div class='user' *ngFor='let user of usersTask;...
164 просмотров

CDK Focus Trap прерывается при щелчке вне диалогового окна с помощью Shift Tab
У меня есть ловушка фокуса, которая активируется при открытии диалогового окна углового материала. Родительский компонент содержит директиву cdkTrapFocus из модуля a11yModule ( https://material.angular.io/cdk/a11y/api#CdkTrapFocus ), и его различные...
522 просмотров

Как включить компонент Angular, который содержит другие элементы, отличные от HTML, такие как матовый значок, через CDK Overlay
Я пытаюсь реализовать функцию «Речь в текст» в своем приложении с помощью директивы [appSpeechToText], которую я могу применить к любому полю ввода/текстовой области, компонент в основном отображает кнопки «Запись», «Пауза» и «Стоп», для которых я...
115 просмотров
schedule 24.03.2023

Угловой материал cdk drag drop: не удается привязать к 'cdkDragFreeDragPosition'
Я использую cdk перетаскивания материала angular (ссылка: https://material.angular.io/cdk/drag-drop/overview ). Перетаскивание работает нормально, но когда я пытаюсь установить его координаты x-y с помощью [cdkDragFreeDragPosition], появляется...
253 просмотров