Size: a a a

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

2020 May 26

R

Rafael in Angular - русскоговорящее сообщество
всем привет, внезапно перестал работать простейший код . ни ошибок ни малейшего намека куда копать. урл остается прежний, страница blank
console.log('navigation will occur');
         this._router.navigate(['public', 'list', 'secure']).then(_ => {
           console.log('navigation has occured');
           this._sendStore.setLoading(false);
         });
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Rafael
всем привет, внезапно перестал работать простейший код . ни ошибок ни малейшего намека куда копать. урл остается прежний, страница blank
console.log('navigation will occur');
         this._router.navigate(['public', 'list', 'secure']).then(_ => {
           console.log('navigation has occured');
           this._sendStore.setLoading(false);
         });
включи дебаг роутера или подпишись на Router#events
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
завезди у каждого пользователя поле с картинкой (файлом)?
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
превью сделай отдельным компонентом, который уже будет работать с FileReader
источник

OS

Oleg Shchegolev in Angular - русскоговорящее сообщество
Smooth Operator
завезди у каждого пользователя поле с картинкой (файлом)?
так и сделано
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
ну значит осталось дело за малым
источник

VB

Valentin Buryakov in Angular - русскоговорящее сообщество
Oleg Shchegolev
Привет. Вопрос по динамическим формам. Есть форма с текстовыми полями и инпутом для загрузки изображения - это представление одного пользователя/члена команды. Таких пользователей может быть несколько (можно добавлять на нажатие кнопки). Это сделать получилось через FormArray и метода push на кнопке. Тут проблем не возникло. Далее я хочу сделать предпросмотр изображения, когда пользователь добавляет его через форму. Это удалось реализовать частично, так как одно изображение появляется у всех пользователей. Сейчас такое поведение оправдано, так как там байндится одна переменная. Я не могу понять как мне сделать у каждого пользователя свой предпросмотр и к тому же еще потом это правильно передать в FormData.
Вот блитц: https://stackblitz.com/edit/angular-87iqsu
У тебя preview это поле member_photo, и оно одно для всех и получается что превью у тебя одно для всех
Тебе нужен объект такого вида, {[userid]: previewPhoto}
И в reader уже заполняй это поле для кажого члена команды
источник

VB

Valentin Buryakov in Angular - русскоговорящее сообщество
источник

OS

Oleg Shchegolev in Angular - русскоговорящее сообщество
Valentin Buryakov
У тебя preview это поле member_photo, и оно одно для всех и получается что превью у тебя одно для всех
Тебе нужен объект такого вида, {[userid]: previewPhoto}
И в reader уже заполняй это поле для кажого члена команды
все верно, member_photo сейчас для всех один, это я понимаю. А можешь пожалуйста по-подробнее расписать вариант
источник

VB

Valentin Buryakov in Angular - русскоговорящее сообщество
Oleg Shchegolev
все верно, member_photo сейчас для всех один, это я понимаю. А можешь пожалуйста по-подробнее расписать вариант
Надеюсь идею понял ? потом когда formData формирвешь, проходишь по ключам этого объекта
источник

OS

Oleg Shchegolev in Angular - русскоговорящее сообщество
Valentin Buryakov
Надеюсь идею понял ? потом когда formData формирвешь, проходишь по ключам этого объекта
увидел, спасибо
источник

VB

Valentin Buryakov in Angular - русскоговорящее сообщество
Oleg Shchegolev
увидел, спасибо
Ещё бы порекоммендовал бы использовать Form Control для загрузки файлов, раз уж у вас reactive формы юзаются, создайте свой  компонент для загрузки\превью фото который имплементит CVA и там уже эту логику инкапсулируйте, вот примерно как это делается
https://netbasal.com/how-to-implement-file-uploading-in-angular-reactive-forms-89a3fffa1a03
источник

OS

Oleg Shchegolev in Angular - русскоговорящее сообщество
Valentin Buryakov
Ещё бы порекоммендовал бы использовать Form Control для загрузки файлов, раз уж у вас reactive формы юзаются, создайте свой  компонент для загрузки\превью фото который имплементит CVA и там уже эту логику инкапсулируйте, вот примерно как это делается
https://netbasal.com/how-to-implement-file-uploading-in-angular-reactive-forms-89a3fffa1a03
Как раз минут 30 назад натолкнулся на эту статью.
Еще вопрос возник -
this.member_photos[i] = reader.result as string;
В блитце работает, локально нет
источник

VB

Valentin Buryakov in Angular - русскоговорящее сообщество
Oleg Shchegolev
Как раз минут 30 назад натолкнулся на эту статью.
Еще вопрос возник -
this.member_photos[i] = reader.result as string;
В блитце работает, локально нет
Должно работать, проверьте что вы применили изменния все из stackblitz
источник

OS

Oleg Shchegolev in Angular - русскоговорящее сообщество
Valentin Buryakov
Должно работать, проверьте что вы применили изменния все из stackblitz
Разобрался. Опечатки наше все)
источник

R

Rafael in Angular - русскоговорящее сообщество
Smooth Operator
включи дебаг роутера или подпишись на Router#events
спасибо! помогло
источник

B

Bretbas in Angular - русскоговорящее сообщество
Народ. Подскажите пожалуйста, я хочу установить этот пакет:
https://www.npmjs.com/package/ngx-image-gallery

Но последняя версия требует, чтобы был Angular 9. У меня Angular 8.

Вопрос. Как узнать, какая версия нужна этого пакета, чтобы он работал на Angular 8 ? Где это посмотреть?
источник

J

John in Angular - русскоговорящее сообщество
попробуй 2.0.0
источник

NA

Nikita Astakhov in Angular - русскоговорящее сообщество
Всегда подключал moment в angular.json, обновил до 9 версии, и все сломалось  error TS2304: Cannot find name 'moment'.


Какие best practices? В каждом файле фигачить  import * as moment from 'moment';  ?
источник

B

Bretbas in Angular - русскоговорящее сообщество
John
попробуй 2.0.0
нет. Объясните, где посмотреть соответствия версий, чтобы не методом тыка делать, а понимать
источник