Описание тега angular-cdk-virtual-scroll

1 ответ

Угловая виртуальная прокрутка: добавление новых элементов при достижении конца прокрутки

Я хотел бы использовать виртуальную прокрутку в моем приложении Angular. Элементы в моем списке являются результатом удаленного поиска. Я хотел бы загружать больше результатов (вызывать следующую страницу) каждый раз, когда достигаю конца прокрутки …
1 ответ

Получить ссылку на статический компонент в cdk-virtual-scroller? (Ссылки переработаны)

Недавно мы перевели наши прокручиваемые списки на CDK Virtual Scroller. (Угловой 7.2.12 с угловым / CDK 7.3.7) Короче говоря, похоже, что VirtualScrollViewport перерабатывает экземпляры компонентов, а не только шаблон, как предполагает документация.…
2 ответа

Как вернуться к той же части набора данных при виртуальной прокрутке?

Существует замечательная схема оптимизации рендеринга больших наборов данных, называемая виртуальной прокруткой. В этом конкретном случае я использую https://material.angular.io/cdk/scrolling/overview API-интерфейса Angular Material CDK, чтобы получ…
1 ответ

Как определить начало прокрутки с помощью cdk-virtual-scroll-viewport?

Я ищу событие или любой метод, чтобы определить, когда пользователь начинает прокручивать список. Я знаю elementScrolled Метод, но Observable испускает слишком часто. Возможно, у вас есть обходной путь для этой проблемы? Буду очень рад любым предлож…
1 ответ

Можно ли использовать виртуальный свиток cdk в ngbaccordion

Нужно знать, возможно ли использовать эту новую функцию @angular/cdk/scrolling в определенном аккордеоне, таком как ng-bootstrap (в mat-accordion это https://stackblitz.com/edit/virtual-scroll-expansion-panels?file=app%2Fapp.component.ts) https://st…
2 ответа

Angular Material Scroll загружает больше предметов, чем ожидалось

Я пытаюсь загрузить 20 элементов через компонент виртуальной прокрутки, но вижу 34, как только страница загружается, без какой-либо прокрутки. Я неправильно понял css? Или на контроле есть какая-то настройка, которую я забыл? Проект находится здесь.
0 ответов

Выделите или начните с определенного элемента в списке cdkVirtualFor.

У меня длинный список элементов, и я хотел бы иметь возможность из параметра get URL-адреса указать, к какому элементу я хочу получить доступ первым в списке item.component.ts @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport; …
04 май '19 в 20:46
0 ответов

Виртуальный свиток углового материала исчезает при обновлении

Существует компонент таблицы материалов, который включает в себя виртуальную прокрутку. Я пытаюсь внести некоторые изменения и виртуальную прокрутку после нескольких секунд разочаровывает. ngOnChanges крючок компонента таблицы: ngOnChanges(changes: …
0 ответов

Как реализовать виртуальную прокрутку на материальном дереве гранд дочернего уровня

У меня есть угловое дерево с родительским, детским и внебрачным уровнем. При нажатии на ребенка я добавляю внука в него. Но внук, имеющий огромные данные до 4к записей. Что делает дерево чрезвычайно медленным. Мой код как показано ниже <div *ngIf…
1 ответ

cdk-virtual-scroll-viewport скрыть полосу прокрутки в Firefox версии 63.0

Я хочу скрыть полосу прокрутки элемента cdk-virtual-scroll, но не могу найти способ. это то, что я сделал до сих пор, но это не работает для Firefox. работает нормально в хроме. это мой файл CSS cdk-virtual-scroll-viewport::-webkit-scrollbar { width…
0 ответов

Как определить, находится ли ScrollPosition на вершине с помощью cdk-virtual-scroll-viewport?

Есть ли способ, чтобы вызвать событие, когда позиция прокрутки cdk-virtual-scroll-viewport находится в начале (вверху)? Конечно, я мог бы подписаться на метод прокрутки ScrollDispatcher или на метод elementScrolled моего окна просмотра, а затем всег…
1 ответ

Угловая виртуальная прокрутка с загрузочным адаптивным дизайном

Как настроить виртуальную прокрутку Angular с помощью адаптивного дизайна начальной загрузки? Например: <div class="row"> <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 col-6" *ngFor="let item of items; let i = index"> <img src="{{it…
18 апр '19 в 21:01
1 ответ

Угловая виртуальная прокрутка сбрасывается наверх

В моем приложении Angular я использую виртуальный свиток от Angular CDK. Это шаблон моего компонента: <cdk-virtual-scroll-viewport itemSize="50" class="example-viewport"> <div *cdkVirtualFor="let item of items" class="example-item">{{ite…
0 ответов

Angular CDK virtual-scroll - использование с ненаблюдаемым источником данных

Я использую Angular CDK Virtual Scroll component на моем Angular приложение, и оно работает с наблюдаемым источником данных. Он работает так, как должен, но мне нужно избавиться от наблюдаемого источника данных (он не работает с Angular Drag&Dro…
1 ответ

Как использовать полосу прокрутки с DragAndDrop в Angular 8

Я создаю одно приложение с перетаскиванием, которые являются правильными, но когда пользователь добавляет элементы после 10 элементов, перетаскивание увеличивается слишком сильно, и вы не можете видеть другую итему Это приложение предназначено для в…
0 ответов

Angular 6 7 8 - Перетаскивание + виртуальная прокрутка + Наблюдаемый

Мне нужно, чтобы Drag&drop; работал с виртуальной прокруткой. Источник данных моего VS является наблюдаемым. Я попробовал этот код, но он не работает, никаких изменений в списке VS, только анимация: <ng-container *ngIf="observableData | async as …
0 ответов

Как дифференцировать scrollDispatcher для нескольких виртуальных прокрутки в одном компоненте?

У меня есть несколько виртуальных прокрутки (A,B,C,D) в одном компоненте. Если я прокручиваю данные, данные нужно добавлять на основе itemSize. аналогично для свитков B, C, D. Но я не могу отличить свитки (A,B,C,D) Я использовал ScrollDispatcher в n…
1 ответ

Переключатель внутри виртуальной угловой прокрутки 7, выбор нескольких переключателей

Я использую функцию виртуальной прокрутки Angular 7. Я пытаюсь добавить радио типа ввода внутри виртуальной полосы прокрутки. Таким образом, несколько переключателей выбираются, когда мы делаем прокрутку. Любая помощь приветствуется.
27 июл '19 в 22:18
1 ответ

Ошибка в cdk-virtual-scroll-viewport при изменении массива элементов

У меня есть список элементов (продуктов) внутри виртуальной прокрутки, проблема возникает, когда я изменяю элементы массива. Например: Изначально у меня есть 100 пунктов в свитке. Затем я запускаю функцию "reloadItems()", которая изменяет 100 элемен…
01 авг '19 в 21:09
1 ответ

Проверка бесконечной прокрутки CDK

Я пытаюсь реализовать бесконечную прокрутку для загрузки элементов в список динамически, когда пользователь прокручивает список вниз, но когда я получаю доступ к концу и итоговому значению, он совпадает, мне нужно проверить, достигнут ли последний э…