Всем привет!

Есть компонент app-file-upload, я ему подаю входные данные так:

<app-file-upload [inputs]="{
                placeholders: {
                    label: 'Документ',
                    description: 'Опись документа'
                }, restrictions: {
                    size: 3,
                    extensions: {
                        fileExtensions: ['jpeg', 'jpg', 'png', 'gif'],
                        httpTypes: ['image/jpeg', 'image/x-png', 'image/png', 'image/gif']
                    }
                }
            }"></app-file-upload>

При загрузке веб-приложения ругается: TypeError: Cannot read property 'restriction' of undefined. Это как? Крышу сносит

Привет!

Можете подсказать, в чем проблема может быть?

Делаю компонент, в котором в заголовке сайта поочередно печатаются и стираются слова

Все норм при обычной serve сборке, но как только собираю для прода и ssr — 
ng build —prod — ничего не работает — сайт открывается пустым, а на этапе сборки нет ошибок

Понял, что проблема в рекурсивном вызове функции, которая перезапускает отрисовку слова, но не очень понимаю, в чем именно проблема и как ее решить

Ниже скрины с кодом компонента

Или

обе не особо читабельны

а что внутри компонента?

Что заменить?

Например, вот:

<input class="file-drop-area__file-input" [ngClass]="state.files.length === 0 ? 'file-drop-area__file-input--full-height' : 'file-drop-area__file-input--half-height'" type="file" [accept]="inputs.restrictions.extensions.fileExtensions.join(', ')" multiple>
    <p>Максимальный размер файла: {{(inputs.restrictions.size / 1024 / 1024).toPrecision(1)}} МБ</p>
    <p>Типы файлов: {{inputs.restrictions.extensions.fileExtensions.join(", ")}}</p>

Неужто в этом проблема?

Так рантайм ангуляра ругается на родительский компонент ведь...

Например, вот:

<input class="file-drop-area__file-input" [ngClass]="state.files.length === 0 ? 'file-drop-area__file-input--full-height' : 'file-drop-area__file-input--half-height'" type="file" [accept]="inputs.restrictions.extensions.fileExtensions.join(', ')" multiple>
    <p>Максимальный размер файла: {{(inputs.restrictions.size / 1024 / 1024).toPrecision(1)}} МБ</p>
    <p>Типы файлов: {{inputs.restrictions.extensions.fileExtensions.join(", ")}}</p>

Неужто в этом проблема?

Так рантайм ангуляра ругается на родительский компонент ведь...

может в component.js он ругается?

```
При загрузке веб-приложения ругается: TypeError: Cannot read property 'restriction' of undefined
```

Это в консоли или где?

inputs может быть undefined. *ngIf должен решить проблему

страшную строку с кучей чейнов разнести построчно, чтобы было легче читать

всем привет! У меня есть форма, есть онсабмит, первый раз нажимаю сабмит все ок. Дальше идут такие чудеса. Есть идеи почему это случаеться?

Если этот же код запускается и для серверного рендеринга, то лучше его для SSR отключить, так как рекурсивные таймауты и интервалы не дают завершить SSR все таски и понять когда заканчивать рендеринг. Отключить можно например с помощью проверки на существование объекта window

вот форма

inputs может быть undefined. *ngIf должен решить проблему

Не уверен, что понял

То есть у меня проект использует SSR — и необходимо добавить этот компонент

Что может быть правильным решением, чтобы и то и то осталось?

Может переписать этот компонент, только не очень понимаю как