Блог

Главная - Вопросы по программированию - Изображение ALT отображается в исходном коде, но не отображается в инспекторе элементов браузера

Изображение ALT отображается в исходном коде, но не отображается в инспекторе элементов браузера

#angular #alt

#angular #alt

Вопрос:

Я был озадачен тем фактом, что у меня одинаковая структура кода для двух разных приложений Angular, в которых ссылка находится внутри изображения, подобного этому:

 <a [routerLink]="['myUrl/', resourceUri()]">
    <img class="transition" 
         [src]="myObject.mainImageUrl"
         [alt]="createAlt()">
</a>

Если я просматриваю исходный код страницы, ALT находится там правильно, однако, когда я проверяю элемент изображения в Firefox, Chrome или Safari, я не вижу, что атрибут alt заполняется. Кто-нибудь знает, почему это может быть?

Что еще более странно, так это то, что я видел, как это работает для одного приложения angular и не работает для другого приложения; тот же код, другая структура объекта, но принцип тот же. Версия Angular отличается 7.1.4 от 7.2.1, но я действительно сомневаюсь, что это проблема. Я очистил кеши, обновил жесткий диск или даже внес другие изменения на сайт, который появился, как ожидалось.

Комментарии:

1. Что createAlt делает или возвращает?

2. Оно возвращает строку alt: public createAlt = (): string => { return some alt - ${this.myObject.title} ; }

3. Я думаю, нам понадобится больше информации, чтобы помочь отладить это: stackblitz.com/edit /…

4. ХОРОШО — небольшая деталь… когда я выполняю ng serve на своем локальном компьютере, я вижу, что ALT правильно заполнен. Однако, поскольку я выполняю SSR, при развертывании на сервере — и я удостоверяюсь, что это последнее изображение — изменения в коде присутствуют (я могу видеть их в view source), однако фактический пользовательский интерфейс не отражает это изменение, если это имеет смысл

5. Оказалось, что это проблема с конфигурацией docker. В самом контейнере веб-сайта был смонтирован том, который не обновлялся при обновлении версии, поэтому отображался старый код! Спасибо за помощь!