Size: a a a

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

2020 February 28

OS

Oleg Safonov in Angular - русскоговорящее сообщество
Den Politykin
Подскажите, пожалуйста, мне нужна пагинация, реализовать я её могу, но хочу сделать реюзабельный компонент. Для этого в компонент пагинации хочу инджектить разные сервисы, как это лучше сделать, есть ли пример и обязательно ли для этого создавать фабрику?
а зачем сервисы?
Выше правильно сказали, достаточно input output с головой кейсы закроет
источник

DP

Den Politykin in Angular - русскоговорящее сообщество
очень большая выборка данных, не хочу лишний раз перегружать компонент, offset с бэка идёт секунд 7, а запрос на данные почти мгновенно
источник

DP

Den Politykin in Angular - русскоговорящее сообщество
пусть у меня пагинация с количеством страниц и будет подтормажиивать, зато данные будут быстро обновляться
источник

E

Eugene in Angular - русскоговорящее сообщество
Den Politykin
очень большая выборка данных, не хочу лишний раз перегружать компонент, offset с бэка идёт секунд 7, а запрос на данные почти мгновенно
компонент-пагинатор не должен знать какими данными оперирует. он должен знать сколько их, сколько отображать на странице и какая сейчас страница. три @Input
источник

E

Eugene in Angular - русскоговорящее сообщество
и на выход ивент о смене страницы
источник

E

Eugene in Angular - русскоговорящее сообщество
Den Politykin
очень большая выборка данных, не хочу лишний раз перегружать компонент, offset с бэка идёт секунд 7, а запрос на данные почти мгновенно
а эту логику можно вынести в сервис, но, опять же, пагинатор об этом сервисе знать не должен, как выше сказали, это dumb-компонент
источник

DP

Den Politykin in Angular - русскоговорящее сообщество
Eugene
а эту логику можно вынести в сервис, но, опять же, пагинатор об этом сервисе знать не должен, как выше сказали, это dumb-компонент
ладно, я понял, спасибо)
источник

S

Sulu in Angular - русскоговорящее сообщество
всем привет. подскажите плиз как можно непосредственно в ts указать readOnly свойство у определенного поля реактивной формы?
источник

E

Eugene in Angular - русскоговорящее сообщество
Sulu
всем привет. подскажите плиз как можно непосредственно в ts указать readOnly свойство у определенного поля реактивной формы?
у реактивных форм нет такой опции, но ты можешь отключить поле через disabled, а потом достать значение формы через getRawValue(), оно вытащит значение и с отключенных контролов в том числе
источник

S

Sulu in Angular - русскоговорящее сообщество
Eugene
у реактивных форм нет такой опции, но ты можешь отключить поле через disabled, а потом достать значение формы через getRawValue(), оно вытащит значение и с отключенных контролов в том числе
такой метод был использован, но значения не вернулись. по этой причине я в поисках нового решения
источник

S

Sulu in Angular - русскоговорящее сообщество
значения теряются если пытаться заполнить другие активные поля этой же формы
источник

S

Sulu in Angular - русскоговорящее сообщество
для readOnly считаю не разумным на каждое поле создавать boolean переменную и навязывать ее на форму, с проверкой
источник

S

Sulu in Angular - русскоговорящее сообщество
для двух полей еще куда не шло, а если список будет расти, это не оптимально
источник

E

Eugene in Angular - русскоговорящее сообщество
Sulu
для readOnly считаю не разумным на каждое поле создавать boolean переменную и навязывать ее на форму, с проверкой
зачем переменную, объект или map. можно же создавать его из массивчика со списком ключей readonly-контролов, ничего плохого в этом нет, если уж у вас метод через disabled не сработал.
источник

S

Sulu in Angular - русскоговорящее сообщество
Eugene
зачем переменную, объект или map. можно же создавать его из массивчика со списком ключей readonly-контролов, ничего плохого в этом нет, если уж у вас метод через disabled не сработал.
спасибо за обратную связь! а есть ссылочка с примером как это прикрутить можно на форме?
источник

S

Sulu in Angular - русскоговорящее сообщество
на форме это будет примерно так: [readOnly]={{map.fieldName}} ?
источник

E

Eugene in Angular - русскоговорящее сообщество
Sulu
на форме это будет примерно так: [readOnly]={{map.fieldName}} ?
вроде того, попробуйте, должно сработать
источник

S

Sulu in Angular - русскоговорящее сообщество
спасибо) отличного дня!😊
источник

AS

Anton Shvets in Angular - русскоговорящее сообщество
Sulu
всем привет. подскажите плиз как можно непосредственно в ts указать readOnly свойство у определенного поля реактивной формы?
непосредственно в реактивной форме можно, но для этого придется патчить сами реактивные формы и все изкоробочные валью аксессоры :)
источник

nt

nur tlek in Angular - русскоговорящее сообщество
у меня есть компонент у которого changeDetection = OnPush, и этот же компонент принимает по пропсу данные и по этим данным я делаю запрос на бэк, и вот данные есть но UI не отображает их
источник