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

Нет провайдера для платформы
Итак, я столкнулся с этой проблемой, создав модульный тест для приложения Angular 4. Что происходит, так это то, что он продолжает выдавать ошибку, указанную здесь, в заголовке вопроса. Я попытался погуглить, попытался импортировать целую кучу...
2462 просмотров

Угловой материал Sidenav cdkScrollable
Angular Material CDK предоставляет Directive CdkScrollable , который позволяет вам прослушивать ScrollEvent определенного контейнера. Теперь я пытаюсь получить доступ к CdkScrollable из MatSidenavContent , который добавлен по умолчанию....
18113 просмотров

Angular CDK OverlayModule, cdk-overlay-pane не устанавливает абсолютное положение?
Я использую Overlay Module из Angular's CDK. И я просто не могу найти способ добавить position: absolute к наложению? Модуль получит top и left позицию, которая соответствует положению подключенного элемента, но оверлей не получит position:...
17010 просмотров

В таблице материалов Angular 5 заменить filterPredicate функцией с разными типами параметров.
В настоящее время я работаю над компонентом, который использует таблицу материалов 2 для отображения некоторых данных. Мне нужно иметь возможность писать собственные операции фильтрации (например, цена> 1) и комбинировать несколько фильтров. Чтобы...
3303 просмотров

Angular CDK понимает систему позиционирования наложения
Я действительно пытаюсь понять параметр положения наложения, но безуспешно. Я также не могу найти документацию по этой теме. Что означает следующий код? const positions = [ new ConnectionPositionPair({ originX: 'start', originY: 'bottom' },...
16671 просмотров
schedule 21.08.2022

Как подписаться на Observable of Component, внедренный через @angular/cdk/portal?
Я пытаюсь реализовать базовую (очень простую) модальную реализацию. У меня есть ModalService и ModalComponent . ModalService создает экземпляр ModalComponent и внедряет его на страницу с помощью @angular/cdk/portal. Я могу заставить...
1912 просмотров
schedule 03.02.2024

Angular 7 Drag and Drop - динамическое создание зон перетаскивания
Есть ли способ динамически создавать зоны перетаскивания? У меня проблемы с ngFor и cdkDropList. Вот мой первый список и перетаскиваемые элементы: <div class="subj-container" cdkDropListOrientation="horizontal"...
28246 просмотров

Drag and Drop с сортировкой можно в Angular Material?
Сценарий: Начиная с Angular Material cdk версии 7.0.3, у нас есть сортировка Drag & Drop. В этом перетаскивании везде в этом div мы можем щелкнуть и перетащить. Если не щелкать везде, будет доступен только значок и перетащите весь этот...
5236 просмотров

CdkDragAndDrop как предотвратить перетаскивание
Я пытаюсь использовать модуль Angular Material CDK DragDrop из https://material.angular.io/cdk/drag-drop/overview С помощью события cdkDropListDropped я могу предотвратить падение, но его тоже не следует перетаскивать. Как я могу указать...
21004 просмотров
schedule 19.03.2023

Как сохранить компонент Angular CDK Overlay на странице на основе смещения страницы
Я работаю над своей библиотекой Contexr . Я только что отредактировал свое приложение, чтобы использовать Angular CDK Overlay для отображения контекстного меню, поэтому мне больше не нужно включать какой-либо компонент в фактическое приложение (на...
3933 просмотров
schedule 27.06.2022

Как использовать Angular7 (угловой материал) перетаскивание между двумя компонентами
Как недавно Angular представил перетаскивание в угловом материале https://material.angular.io/cdk/drag-drop/overview . Все примеры описаны в одном компоненте. Как использовать это в двух разных компонентах, перетащите один элемент компонента в...
20788 просмотров

Отменить перетаскивание при нажатии клавиши Angular cdk Перетаскивание
Я работаю в приложении, реализующем новое перетаскивание из углового материала CDK, и я пытаюсь отменить событие перетаскивания элемента, нажимающего Esc , я имею в виду, я начинаю перетаскивать элемент, но если я нажимаю Esc в то время как я...
4350 просмотров

Можно ли использовать CDK Virtual Scroll Viewport с CDK A11y - ActiveDescendantKeyManager?
Я использую <cdk-virtual-scroll-viewport> с фиксированным размером элементов для виртуальной прокрутки. Кроме того, я использую ActiveDescendantKeyManager , предоставленный CDK A11y, для перемещения с помощью клавиш со стрелками внутри...
616 просмотров

использовать модифицированный угловой модуль cdk в другом проекте локально
Я разветвил, клонировал и модифицировал репозиторий угловых материалов в соответствии со своими потребностями. Код в dev-приложении работает нормально. Теперь я хочу использовать этот модуль, точнее DragDropmodule из @angular/cdk , в другом...
234 просмотров

Портал Angular 7 CDK: ошибка Необходимо предоставить портал для подключения
У меня есть этот ActionButtonComponent, который использует портал Angular CDK: import { CdkPortal, DomPortalHost } from '@angular/cdk/portal'; import { AfterViewInit, ApplicationRef, Component, ComponentFactoryResolver, Injector, OnDestroy,...
4416 просмотров
schedule 15.05.2024

Как отключить смещение / перемещение элемента в целевом cdkDropList в Angular 7
У меня есть 2 списка (столицы слева и страны справа). Я хотел бы иметь возможность перемещать столицу в списке стран и позволять пользователю перетаскивать столицу в страну. Проблема в том, что элементы списка стран начинают перемещаться /...
5265 просмотров
schedule 06.09.2022

Как реализовать глобальный загрузчик в Angular
У меня есть глобальный загрузчик, который реализован следующим образом: Основной модуль: router.events.pipe( filter(x => x instanceof NavigationStart) ).subscribe(() => loaderService.show()); router.events.pipe( filter(x => x...
1780 просмотров
schedule 17.04.2024

Удаление заполнителя для области перетаскивания, когда курсор не находится в области перетаскивания в материале cdk drag & drop
Когда перетаскиваемый элемент перемещается по области перетаскивания, область выделяется и создается для нее заполнитель. Но если указатель мыши отодвигается от области перетаскивания, отпустите элемент. Он все еще попадает в зону сброса....
2641 просмотров

Индекс строки недоступен в таблице Angular CDK
У меня есть простая таблица, как это <table cdk-table [dataSource]="doors" [multiTemplateDataRows]="true" class="table table-hover"> <ng-container cdkColumnDef="width"> <th cdk-header-cell...
641 просмотров
schedule 17.12.2022

Угловая граница перетаскивания CDK
У меня вопрос о функции перетаскивания Angular 7 CDK. Я хочу следующее: мне нужен прямоугольник изменяемого размера div внутри контейнера, который я хочу использовать в качестве граничного элемента ( cdkDragBoundary ) для моего перетаскивания....
2806 просмотров
schedule 03.05.2024