Публикации по теме 'angular-cdk'
Nebular встречает Angular CDK
Недавно наша команда выпустила стабильную версию Nebular . Nebular - это библиотека Angular, которая упрощает разработку сложных приложений с богатым пользовательским интерфейсом. Он состоит из следующих модулей: Тема, Аутентификация и Безопасность.
Во время работы над несколькими выпусками-кандидатами мы столкнулись с некоторыми проблемами, и я хочу рассказать вам о самых интересных из них.
Почему мы создали Nebular с Angular CDK
Как вы знаете, гораздо проще создавать..
Вопросы по теме 'angular-cdk'
Angular Material 2: сортировка нескольких матовых таблиц работает только с первой таблицей
Я использовал Angular Material в своем приложении, и у меня есть два mat-table с сортировкой по одному компоненту, но моя сортировка работает только в первой таблице.
вот тс код
@ViewChild(MatSort) inventoryDataSort: MatSort;...
3703 просмотров
schedule
30.08.2022
Пагинатор не работает должным образом с источником данных таблицы, используя угловой материал для приложения angular 2
Я пытаюсь реализовать таблицу в своем приложении angular 2 с компонентом paginator.
Я успешно могу создать таблицу, используя компонент таблицы в angular 2, но я сделал это, используя приведенный ниже оператор импорта.
"импортировать...
3077 просмотров
schedule
10.07.2022
Фильтрация по определенным столбцам таблицы angular material2
В моем угловом приложении есть html-страница с текстовым полем, которое будет использоваться для фильтрации приведенной ниже сетки. На данный момент поиск происходит по всем столбцам, я хочу ограничить его только ID и Name . Ниже приведено...
3218 просмотров
schedule
10.09.2022
Добавьте новую строку в таблицу матов, используя angular 4
Как добавить новую строку в таблицу материалов Angular вручную из поля ввода.
Пожалуйста, посмотрите на это изображение, если я добавлю имя состояния и код состояния, которое должно быть представлено в следующей таблице, пожалуйста, помогите мне,...
17982 просмотров
schedule
23.03.2024
Угловой 6 MatTable Performance в 1000 рядов.
Я использую угловой материал в своем проекте, и я использую Mat-Table для рендеринга 1000 продуктов в строке на таблицу. При изменении разбивки на страницы (мы используем внутреннюю разбивку на страницы) таблицы до 1000 строк производительность...
25093 просмотров
schedule
17.02.2023
Бесконечный цикл виртуальной прокрутки Angular CDK
Я пытаюсь реализовать прокрутку бесконечного цикла для списка элементов с помощью виртуальной прокрутки CDK
Я дошел до точки, когда сдался. Я не могу этого добиться, как я могу добиться этого с помощью виртуальной прокрутки CDK?
Вот мой код...
4924 просмотров
schedule
15.10.2022
Angular cdk scrolling: обновление источника данных, не представленного в представлении
Все мои предыдущие попытки построить бесконечный скроллер пока не увенчались успехом. Компонент, над которым я сейчас работаю, использует виртуальную прокрутку Angular и должен обновлять источник данных при достижении определенного индекса области...
4384 просмотров
schedule
05.10.2022
CDK DropLists в отдельных компонентах
Я новичок в Angular. Я хочу реализовать функцию перетаскивания в моем приложении angular 6. Мне попалась очень хорошая библиотека "СДК".
Я успешно реализовал функцию передачи элементов между двумя списками. Оба списка находятся в одном...
751 просмотров
schedule
19.05.2023
Angular Drag and Drop Pass дополнительный аргумент для входа в предикат
В моем списке Angular Drag and Drop я хочу передать дополнительный аргумент функции «[cdkDropListEnterPredicate]». По умолчанию он отправляет CdkDrag и CdkDropList, но у меня есть несколько выпадающих списков, поэтому мне нужна только одна функция...
2622 просмотров
schedule
11.06.2022
Могу ли я заставить элемент cdkDrag генерировать отброшенное событие без контейнера cdkDragList?
Я работаю над переносом приложения с angularjs на Angular 7. У меня есть инструмент карты для отслеживания игровых элементов в сетке. Прямо сейчас, как это работает, я слушаю события перетаскивания на каждой игровой части, а в событии перетаскивания...
1241 просмотров
schedule
26.10.2022
Angular Cdk Stepper, как определить, когда добавлен новый шаг
У меня есть кастомный степпер на основе Cdk, но он динамический. Итак, он привязан к FormArray. Когда элемент добавляется в formArray, мне нужно перенаправить на самый новый шаг. CdkStepper, похоже, не вызывает никаких событий при добавлении...
1401 просмотров
schedule
08.10.2022
Angular 8 cdk получить индекс
Я работаю над перетаскиванием Angular CDK, когда я добавляю элемент в список, я могу получить индекс из предыдущего списка и новый индекс, который у него есть, как я получу индекс элемента, над которым удален дескриптор.
314 просмотров
schedule
08.12.2023
угловое дерево материалов для отображения организационной структуры
Я хочу отобразить организационную структуру, используя угловое дерево материалов с должностью, зарплатой, годом работы в качестве свойств.
class Employee {
name: string;
position: string;
salary: number;
yearofServices: number;
reports:...
6301 просмотров
schedule
07.11.2023
angular-cdk-nested-drag-drop-demo с внешними элементами перетаскивания
Я объединил эту демонстрацию перетаскивания с некоторыми внешними перетаскиваемыми элементами . Как вы можете видеть в примере Stackblitz , эти внешние перетаскиваемые элементы нельзя перетащить в в основной зоне дропа или даже в детстве внутри....
330 просмотров
schedule
25.10.2023
Угловая таблица материалов - при перетаскивании перетаскиваемая строка не падает в нужном месте
У меня проблема с использованием Angular Material Table в сочетании с Drag and Drop CDK и прокруткой.
Когда я перетаскиваю линию, а затем прокручиваю, линия не пропадает там, где я ее опускаю. Мы также видим, что анимация не следует за прокруткой....
635 просмотров
schedule
14.05.2023
Angular CDK Overlay flexibleConnectedTo не подключается к источнику
Я хотел бы подключить наложение angular cdk к кнопке на моей панели инструментов. Вот что у меня получилось:
overlay-button.html:
<button mat-menu-item #overlayButton (click)="showOverlay()"> open </button>...
1146 просмотров
schedule
22.11.2023
Angular 9: Ошибка при создании пакетов ES5 для дифференциальной загрузки: идентификатор сразу после числа
Я только что обновил свой проект Angular с версии 8 до 9. Поскольку я должен поддерживать браузер IE 11, целью является es5.
После обновления я получаю следующую ошибку при создании пакетов ES5 для дифференциальной загрузки ...
[1m [31mAn...
1221 просмотров
schedule
06.04.2023
position: fixed не работает внутри cdk-virtual-scroll-viewport
HTML-элемент с position: fixed не работает внутри cdk-virtual-scroll-viewport . Стиль ниже должен помещать элемент в верхний левый угол страницы, но этот класс не применяется к элементам внутри cdk-virtual-scroll-viewport.
.fixed-div {позиция:...
154 просмотров
schedule
11.06.2023