Телеграмм чат группы angular

Size: a a a

Angular - русскоговорящее сообщество

5797 membersпожаловаться на группу

2021 May 08

Taras Savchenko in Angular - русскоговорящее сообщество

из либы)

источник

11:20пожаловаться #1

Dmitry in Angular - русскоговорящее сообщество

в доке написано что он для клиентской соритровки нужен. у тебя пагинация клиентская?

источник

11:22пожаловаться #2

Dmitry in Angular - русскоговорящее сообщество

MatTableDataSource
Data source that accepts a client-side data array and includes native support of filtering, sorting (using MatSort), and pagination (using MatPaginator).
то есть ты всю коллекцию грузишь на клиента, а там она филтруется уже и пагинируется. то есть я так понял никаких обзерваблов он вообще не принимает

источник

11:23пожаловаться #3

Dmitry in Angular - русскоговорящее сообщество

да, ща нагуглил
https://stackoverflow.com/questions/57770423/how-to-use-the-mattabledatasource-with-an-observable

Stack Overflow

How to use the MatTableDataSource with an observable?

I am using the mat-table and I am trying to use the MatTableDataSource with an observable (I get the data from a web service), but I don't know how to configure the MatTableDataSource to use an

источник

11:24пожаловаться #4

Dmitry in Angular - русскоговорящее сообщество

короче не уверен, но похоже ты либо не тот класс выбрал, если пагинация серверная, либо если все на клиент грузишь, то прямо руками присваивай данные после загрузки колллекции с сервера и будет тебе щастье

источник

11:25пожаловаться #5

Taras Savchenko in Angular - русскоговорящее сообщество

да, пагинация серверная, я часть гружу только)
спасибо большое, теперь понял, в чем проблема, буду читать)

источник

11:29пожаловаться #6

Dmitry in Angular - русскоговорящее сообщество

там я так понял нужно свой датасурс писать, чтобы реализовать методы подгрузки и фильтрации для таблицы, тогда она все схавает хорошо.

https://blog.angular-university.io/angular-material-data-table/

Angular University

Angular Material Data Table: A Complete Example

A complete example of an Angular Material Data Table with server-side pagination, sorting, filtering, as well as a loading indicator.

источник

11:30пожаловаться #7

Dmitry in Angular - русскоговорящее сообщество

прикольно, мы обычно все руками кодили всегда, а тут ребята постарались и сделали интерфейс для рутинных операций.

источник

11:31пожаловаться #8

7384114837 in Angular - русскоговорящее сообщество

😢 он не такой красивый получится, как этот

источник

11:40пожаловаться #9

Егор in Angular - русскоговорящее сообщество

Кстати пока про пагинацию тут говорят. У материала свой пагинатор клиентский. Можете объяснить как он работает? Получается он с сервера вытягивает весь ответ, и просто отфильтровывает нужные. А он весь ответ сервера в памяти держит?

источник

11:42пожаловаться #10

Dmitry in Angular - русскоговорящее сообщество

Ну да. Либо серверный тоже поддерживает, но через другой класс

источник

11:47пожаловаться #11

Dmitry in Angular - русскоговорящее сообщество

Чудес как бы не бывает :)

источник

11:47пожаловаться #12

Егор in Angular - русскоговорящее сообщество

Верно, не бывает) Спасибо
Только пару часов назад с этим разбирался

источник

11:51пожаловаться #13

R M in Angular - русскоговорящее сообщество

https://www.youtube.com/watch?v=cRQFZDC7Fs8

Если ктот не видел, генерируем весь проект с navigation/dashboard через консоль ng cli.

Было бы круто еще добавить элементов в schema material.

YouTube

Meet the Angular CLI

Hi friends! In this video Angular team member Mark Thompson will be taking you on a journey with the Angular CLI to build a new application in Angular. Enjoy...