onload img удалить класс родительского div

Question

Я добавляю анимацию в div, если загрузка изображения, и я хочу удалить этот класс при загрузке изображения

<div class="card-image placeholder">
    <a [routerLink]="somelink">
    <img src="{{url}}/someimage"
         onError="this.src='image';"
         onload="this.removeClass='placeholder';">
     </a>
</div>

Можете ли вы дать решение для удаления заполнителя класса при успешной загрузке изображения

Answer 1

Я нашел решение удалить заполнитель класса onLoad = "this.parentNode.parentNode.classList.remove ('placeholder');"

Answer 2

вы можете ввести логическое свойство isPlaceholder со значением по умолчанию 'true' в классе компонентов

и изменить шаблон следующим образом:

<div class="card-image" [ngClass]="{'placeholder': isPlaceholder}">
    <a [routerLink]="somelink">
    <img src="{{url}}/someimage"
         onError="this.src='image';"
         (load)="isPlaceholder = false">
     </a>
</div>

для добавления анимации, пожалуйста, обратитесь к https://angular.io/guide/animations

обновление вот пример на codepen https://codepen.io/anon/pen/OeJxaX