Angular 5 - как делать проверки при удалении файла в компоненте ng5-fileupload

Я использую компонент ng5-fileupload для загрузки файла. Валидации встроены в компонентную службу. Когда я удаляю файл в области перетаскивания, файл удаляется, но сообщение проверки остается прежним, поскольку события недоступны. Может ли кто-нибудь помочь мне, как вызвать наш собственный метод при нажатии × (удалить) или любых предопределенных событий, доступных в этом компоненте?

in html:
<fileUpload></fileUpload>

in typescript:

    validateFiles() {
    //file validations logic
    }

//event to dropzone area when file is dropped in dropzone area

    this.fileUpload.dpbDropDirective.drop$.subscribe((e: DpbFile[]) => {
                // logic to check newly added files
                this.validateFiles();
            });

Когда я удаляю файл в области dropzone, файл удаляется и обрабатывается компонентом angular, но для этого нет события, чтобы проверить валидации или выполнить некоторую логику после удаления файла

Покажите нам свой код и попытайтесь определить, какая часть не работает.

user1511417 27.10.2018 13:36

Судя по виду это, похоже, что наблюдаемый излучает текущий список файлов сразу после того, как файл был удален. разве это не полезно?

Stavm 27.10.2018 16:41

Да, у change $ observable есть список файлов, когда файл добавляется или удаляется. Во время addFiles появляется новый добавленный файл, а во время удаления - список файлов. Поэтому сложно решить, какая операция была выполнена над компонентом. Я могу использовать this.fileUpload.getFiles (), но это не дает информацию о последней длине файлов при добавлении новых файлов - @Stavm

user10566909 27.10.2018 17:12
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
3
119
0

Другие вопросы по теме