У меня есть компонент основных данных, который загружает контент из локального JSON и изменяет JSON объект и URL-адрес по нажатию кнопки (далее / предыдущий) через канал в Anguar 7. Также я использую карусель ngx-slick. При загрузке страницы инициализации изображение не отображается (вы можете видеть только точки ползунка, как на скриншоте ниже), когда go на следующую страницу и затем на предыдущей с помощью кнопок изображение отображается нормально. Это происходит только в том случае, если для параметра adaptiveHeight задано значение true в настройке карусели, иначе все отлично. Но мне нужно, чтобы этот параметр был установлен в значение true, потому что изображения не имеют одинаковый размер.
Предварительный просмотр ползунка - просто покажите синюю точку
Предварительный просмотр div скользящего списка здесь - div с классом slick-list имеют высоту 1px во встроенном стиле.
После исследования Google / StackOverflow я обнаружил, что это может произойти из-за загрузки изображения перед слайдером. Я пытаюсь решить эту проблему разными способами, но, к сожалению, безуспешно. : (
URL-адрес компонента: https://github.com/markostalma/markostalma-dev/blob/master/src/app/work/work-single/work-single.component.ts
URL-адрес трубы: https://github.com/markostalma/markostalma-dev/blob/master/src/app/pipes/master-details.pipe.ts
Один из URL-адреса сайта для просмотра выпуск: https://www.markostalma.ninja/selected-work/gizmosphere-infographic
Заранее спасибо!