Size: a a a

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

2020 March 16

B

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

DT

Dmitry Teplov in Angular - русскоговорящее сообщество
Bretbas
и я не могу эти кнопки туда вложить в форму
можно и так
поменяйте тип на button на всякий случай
и ещё отловите ивент ngSubmit на форме, чтобы случайно не триггерить нативный сабмит (например, нажав энтер в текстовом инпуте)
источник

B

Bretbas in Angular - русскоговорящее сообщество
точнее я могу, но тогда ngModel попадает в область формы реактивной)
источник

B

Bretbas in Angular - русскоговорящее сообщество
Dmitry Teplov
можно и так
поменяйте тип на button на всякий случай
и ещё отловите ивент ngSubmit на форме, чтобы случайно не триггерить нативный сабмит (например, нажав энтер в текстовом инпуте)
тогда формма должна быть ngForm?
источник

B

Bretbas in Angular - русскоговорящее сообщество
или просто (ngSubmit)=updatePost(postForm)
источник

ZS

Z S in Angular - русскоговорящее сообщество
друзья знаю что все хоть один раз использовали материал дизайн․
что делать если на мобиле текст внутри <mat-hint>  станет 2 линия и дизайн взрывается․
источник

VA

Veaceslav Artiom in Angular - русскоговорящее сообщество
Z S
друзья знаю что все хоть один раз использовали материал дизайн․
что делать если на мобиле текст внутри <mat-hint>  станет 2 линия и дизайн взрывается․
white-space: no-wrap ? И резать все что не помещается
источник

ZS

Z S in Angular - русскоговорящее сообщество
Veaceslav Artiom
white-space: no-wrap ? И резать все что не помещается
вообще то материал сделает padding-bottom, а именно mat-hint  расположен ниже by position absoulte
поэтому когда hint станет 2 линию, взрывается
источник

MM

Michael Musatov in Angular - русскоговорящее сообщество
Все привет. Есть многостраничный мастер с опциональными шагами и навегацие между ними с использованием ангуляр раутера. Нужно:
1. Подгрузить с сервер набор данных общий для всех шагов
2. Проверив этот набор данных разрешить или запретить навигацию к тому или иному шагу мастера по url

Вроде все красиво, есть резолверы для прелоада данных и есть гарды для ограничения навигаци, но возникает проблема. Гарды работаю до резолверов (что впринципе вполне логично) и мы получаем в случае успешного прохождения через гард 2 запроса на сервер за одними и теми же данными.

В связи с этим вопрос, как лушче выкрутится из этой ситуации? Есть пару вариантов которы мне не нравятся:
1. Использовать только резолверы и уже после инициализации комопнента делать внутри него проверку и редирект на нужную страницу
2. Сайд эфектом внутри гарда сохранять данные в какой-то условно “кэш” и затем использовать его внутри резолвер или в компоненте.

Возможно есть более элегантное решение.
источник

SV

Sergey Vakhramov in Angular - русскоговорящее сообщество
Michael Musatov
Все привет. Есть многостраничный мастер с опциональными шагами и навегацие между ними с использованием ангуляр раутера. Нужно:
1. Подгрузить с сервер набор данных общий для всех шагов
2. Проверив этот набор данных разрешить или запретить навигацию к тому или иному шагу мастера по url

Вроде все красиво, есть резолверы для прелоада данных и есть гарды для ограничения навигаци, но возникает проблема. Гарды работаю до резолверов (что впринципе вполне логично) и мы получаем в случае успешного прохождения через гард 2 запроса на сервер за одними и теми же данными.

В связи с этим вопрос, как лушче выкрутится из этой ситуации? Есть пару вариантов которы мне не нравятся:
1. Использовать только резолверы и уже после инициализации комопнента делать внутри него проверку и редирект на нужную страницу
2. Сайд эфектом внутри гарда сохранять данные в какой-то условно “кэш” и затем использовать его внутри резолвер или в компоненте.

Возможно есть более элегантное решение.
Интерцепторы?
источник

YK

Yuri Katkov in Angular - русскоговорящее сообщество
Michael Musatov
Все привет. Есть многостраничный мастер с опциональными шагами и навегацие между ними с использованием ангуляр раутера. Нужно:
1. Подгрузить с сервер набор данных общий для всех шагов
2. Проверив этот набор данных разрешить или запретить навигацию к тому или иному шагу мастера по url

Вроде все красиво, есть резолверы для прелоада данных и есть гарды для ограничения навигаци, но возникает проблема. Гарды работаю до резолверов (что впринципе вполне логично) и мы получаем в случае успешного прохождения через гард 2 запроса на сервер за одними и теми же данными.

В связи с этим вопрос, как лушче выкрутится из этой ситуации? Есть пару вариантов которы мне не нравятся:
1. Использовать только резолверы и уже после инициализации комопнента делать внутри него проверку и редирект на нужную страницу
2. Сайд эфектом внутри гарда сохранять данные в какой-то условно “кэш” и затем использовать его внутри резолвер или в компоненте.

Возможно есть более элегантное решение.
а зачем же резолверы?
источник

IF

Igor Filippov in Angular - русскоговорящее сообщество
Michael Musatov
Все привет. Есть многостраничный мастер с опциональными шагами и навегацие между ними с использованием ангуляр раутера. Нужно:
1. Подгрузить с сервер набор данных общий для всех шагов
2. Проверив этот набор данных разрешить или запретить навигацию к тому или иному шагу мастера по url

Вроде все красиво, есть резолверы для прелоада данных и есть гарды для ограничения навигаци, но возникает проблема. Гарды работаю до резолверов (что впринципе вполне логично) и мы получаем в случае успешного прохождения через гард 2 запроса на сервер за одними и теми же данными.

В связи с этим вопрос, как лушче выкрутится из этой ситуации? Есть пару вариантов которы мне не нравятся:
1. Использовать только резолверы и уже после инициализации комопнента делать внутри него проверку и редирект на нужную страницу
2. Сайд эфектом внутри гарда сохранять данные в какой-то условно “кэш” и затем использовать его внутри резолвер или в компоненте.

Возможно есть более элегантное решение.
Сервис который запрашивает данные и выдает и гарду и резолверу. Ты в них вообще запросы делать не должен
источник

MM

Michael Musatov in Angular - русскоговорящее сообщество
Yuri Katkov
а зачем же резолверы?
Вобще или в контексте этой задачи? В контексте этой может и не нужны, но вообще как раз для того что бы подгрузить данные до завершения навигации и создания компонента. И в контексте этой задачи прекрасно вешается резолвер на рутовый роут, с подгрузкой данных. Далее они кстати доступны и для чайлдов через parent.data. Хотя не уверен что этим стоит пользоваться, не очень явно это.
источник

YK

Yuri Katkov in Angular - русскоговорящее сообщество
Michael Musatov
Вобще или в контексте этой задачи? В контексте этой может и не нужны, но вообще как раз для того что бы подгрузить данные до завершения навигации и создания компонента. И в контексте этой задачи прекрасно вешается резолвер на рутовый роут, с подгрузкой данных. Далее они кстати доступны и для чайлдов через parent.data. Хотя не уверен что этим стоит пользоваться, не очень явно это.
Мне кажется, это сильно устаревшая концепция - подгружать данные до навигации
источник

IF

Ivan Frolkin in Angular - русскоговорящее сообщество
Имхо бэст практис такой, что ресолвер ресолвит в сервис
источник

YK

Yuri Katkov in Angular - русскоговорящее сообщество
Сделай навигацию на компонент с плейсхолдерами, как можно быстрее покажи юзеру хоть что-нибудь, а потом догружай
источник

YK

Yuri Katkov in Angular - русскоговорящее сообщество
У нас после введения резольверов юзера начали говорить, что все тормозит
источник

YK

Yuri Katkov in Angular - русскоговорящее сообщество
Вернули обратно, крутящиеся колесики никого не смущают
источник

MM

Michael Musatov in Angular - русскоговорящее сообщество
Igor Filippov
Сервис который запрашивает данные и выдает и гарду и резолверу. Ты в них вообще запросы делать не должен
К сути вопроса это не относится. Хотя по факту и верно
источник

MM

Michael Musatov in Angular - русскоговорящее сообщество
Yuri Katkov
Мне кажется, это сильно устаревшая концепция - подгружать данные до навигации
К сожалению бэкендом здесь не владею, нужно использовать то что есть. Легаси.
источник