Я использую Angular 7 с начальной загрузкой 4 для личного сайта.
У меня есть сайт, который использует следующий код для получения ссылки на сайт из базы данных, которую я имею (mongodb на Raspberry Pi, который такжегде мой веб-сайт размещен), и поместите его в HTML-тег:
<div class="card text-center zoom-img" *ngIf="webcam.webcam_location_tag == 'traffic'">
<a href="{{this.webcam.webcam_url}}" class="img-fluid" data-size="1600x1067" data-toggle="lightbox">
<img class="card-img-top zoom" src="{{this.webcam.webcam_url}}" alt="{{this.webcam.webcam_name}}">
</a>
</div>
Пример исходного кода после запуска выглядит так:
<div _ngcontent-c4="" class="card text-center zoom-img">
<a _ngcontent-c4="" class="img-fluid" data-size="1600x1067" data-toggle="lightbox" href="https://webcams.fake3rdpartysite.com/current/2053.jpg">
<img _ngcontent-c4="" class="card-img-top zoom" src="https://webcams.fake3rdpartysite.com/current/2053.jpg" alt="fake name">
</a>
</div>
Теперь, иногда этоВеб-камера будет отображаться, но в других случаях не будет. Поэтому, если он не появляется, я изменяю базу данных, чтобы добавить запрос на время, такой как:
<div _ngcontent-c4="" class="card text-center zoom-img">
<a _ngcontent-c4="" class="img-fluid" data-size="1600x1067" data-toggle="lightbox" href="https://webcams.fake3rdpartysite.com/current/2053.jpg">
<img _ngcontent-c4="" class="card-img-top zoom" src="https://webcams.fake3rdpartysite.com/current/2053.jpg?time=" alt="fake name">
</a>
</div>
И это исправит это в течение нескольких дней. Но, в конце концов, это может больше не работать. Я возился с различными вариантами запроса, такими как "... jpg? Time" и даже просто "... jpg?". Кажется, что каждый из них сбрасывает его на работу в течение нескольких дней, прежде чем он этого не делает.
Это происходит из-за того, что он извлекает данные из базы данных, или я неправильно использую запрос во всех случаях, илинеправильный тип тега для использования?
Я открыт для всех предложений.
Пожалуйста, дайте мне знать, если вы хотите любую другую информацию.