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

Проблема, связанная с глобальной стратегией позиционирования cdk с угловым оверлеем и перетаскиванием элемента в любое место в серой зоне
Я следую руководству и реализовал перетаскивание, но столкнулся с двумя проблемами. При использовании новой GlobalPositionStrategy (документ); в файле draggable-helper.directive.ts в перетаскиваемой папке показывает ошибку с указанием...
743 просмотров
schedule 30.10.2021

Как использовать cdkDropListEnterPredicate для проверки нескольких условий?
У меня есть несколько перетаскиваемых списков, подключенных к нескольким зонам перетаскивания, но мне нужно ограничить, какие элементы можно перетаскивать, на основе переменных, уже установленных в приложении. Например, если у меня есть следующее:...
2254 просмотров

Перетаскивайте между несколькими списками
У меня есть 4 списка из четырех разных объектов (A, B, C, D). Есть ли способ связать имя с каждым из этих списков? Другими словами, перечислите A как A, B как B ... Я собираюсь перетащить объект и в то же время узнать, из какого списка он...
51 просмотров

Стиль элемента не применяется при использовании cdkDropList (Angluar cdk drag and drop)
Я отправляю этот вопрос, чтобы сам на него ответить, если кто-то борется, как я! Я работаю над проектом angular по реализации приложения, подобного Trello. Я хочу иметь возможность перетаскивать элемент из одного списка в другой, поэтому я...
1144 просмотров

Размер элемента виртуальной прокрутки cdk
Я заметил, что когда я установил для параметра itemSize вирусной прокрутки cdk меньшее значение, время загрузки страницы почти вдвое больше. Между <cdk-virtual-scroll-viewport [itemSize]="45" и <cdk-virtual-scroll-viewport [itemSize]="20"...
4912 просмотров

Angular CDK Drag / Drop List с шириной искажения тела таблицы / строк (без материала)
Я использую простую таблицу (Bootstrap), в которой я хочу иметь сортируемые строки. Я использую Angular CDK (DragDropModule) для сортировки / упорядочивания. Однако, когда строка перетаскивается, она искажает ширину, поскольку cdkDragPreview...
1563 просмотров
schedule 08.03.2022

Как получить узловых братьев и сестер во вложенном дереве Angular Material?
Я пытаюсь получить список узлов-братьев для данного узла дерева Angular Material во вложенном дереве. Я просматриваю официальные документы Angular Material и, в частности, занимаюсь вложенные узлы ». Ни NestedTreeControl , ни SelectionModel ,...
2099 просмотров

подписка на события стратегии прокрутки cdk
Я создаю сервис, который генерирует наложения cdk. Я пытаюсь найти способ прослушивать события стратегии прокрутки cdk. В частности, я хочу знать, когда cdk закрывает оверлей, используя стратегию прокрутки «закрыть». Конечная цель - создать...
677 просмотров
schedule 07.04.2022

Множественный выбор с помощью cdk-virtual-для того, чтобы казалось, что ничего не было выбрано
У меня есть несколько множественных выборок материалов angular, которые используют новый Virtual for в CDK. Когда вы выбираете пару элементов и прокручиваете их из поля зрения, тем самым удаляя их из виртуального окна, а затем закрывая выбор,...
2246 просмотров

Нет директивы, если для параметра exportAs установлено значение cdkStep.
Я получаю эту ошибку от karma / jasmin в моих spec.ts: Нет директивы с параметром "exportAs", установленным на "cdkStep". <!-- Step 1 --> <cdk-step [ERROR ->]#step1="cdkStep"> <ng-template cdkStepLabel>...
243 просмотров

Angular Drag and Drop cdk auto-scroll в прокручиваемом div теряет DROP ZONE
Итак, я работаю в песочнице, чтобы имитировать среду приложения, в котором я хочу реализовать это перетаскивание. Извините за многословность, но я действительно хочу убедиться, что правильно объясню проблему, поскольку я видели несколько более...
2740 просмотров

Как правильно настроить cdk drag-drop для Angular?
посмотри мои шаги # P2 # в app.module.ts - ›импорт {DragDropModule} из '@ angular / cdk / drag-drop'; и импортировать: [DragDropModule] Затем я хочу создать список перетаскиваемых карточек. Я создал компонент для одной карты и создал...
628 просмотров

Как использовать наложение CDK, оставив существующий компонент на переднем плане?
Библиотека Angular Material CDK предоставляет различные функции, включая наложения. Все примеры, которые я могу найти, показывают, как отображать новый компонент поверх наложения. Моя цель немного другая. Я хочу отобразить существующий компонент...
10144 просмотров
schedule 01.05.2022

Angular 2 Material - как работают оверлей и портал?
Я хочу сделать компонент автозаполнения, который делает запросы к серверу и отображает полученные значения на экране. Пытаюсь понять, как работают portal и overlay . Прямо сейчас это мой компонент для автозаполнения import { Component,...
5188 просмотров
schedule 20.05.2022

cdkDragHandle не работает внутри дочернего компонента
Использование @angular/cdk 7.2.1: при определении родительского компонента, содержащего cdkDropList и вложенный список компонентов cdkDrag, определение cdkDragHandle внутри вложенного дочернего компонента не работает. Если одна и та же структура...
6629 просмотров
schedule 21.05.2022

Показать абсолютный элемент вне cdk-virtual-scroll-viewport Angular
У меня есть элемент cdk-virtual-scroll-viewport , и внутри этого элемента у меня есть относительно позиционированный элемент div с абсолютным позиционированным элементом внутри него ... в основном я хочу иметь возможность отображать абсолютно...
2621 просмотров

MediaObserver и BreakpointObserver — в чем разница?
После некоторых поисков я понял, что должен использовать библиотеку Flex-Layout . чтобы сделать пользовательский интерфейс на тему материалов отзывчивым (как ответил здесь ). Согласно документации , эта библиотека предоставляет класс...
853 просмотров

Angular Portal не запускает обнаружение изменений для ComponentPortal
Я относительно новичок в angular, и у меня есть функция, в которой мне нужно вывести компонент в отдельное дочернее окно, а при закрытии окна мне нужно снова прикрепить его к родительскому окну. Я прочитал об угловом портале и решил его...
306 просмотров
schedule 19.07.2022

Что делает назначение переменной ссылки на шаблон? ‹span #mytrv=cdkOverlayOrigin›
Я нашел этот похожий вопрос , но он не объясняет, что происходит с назначениями переменные ссылки на шаблон... Я делаю панель инструментов с выпадающими меню, используя OverlayModule @angular/cdk . Чтобы иметь несколько выпадающих меню, я...
273 просмотров
schedule 17.08.2022

Нет директивы с параметром exportAs, установленным в cdKDropList.
Я импортировал DragDropModule в свой модуль составов, в котором находится компонент, на котором я использую функцию перетаскивания: import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import {...
825 просмотров
schedule 01.10.2022