Поворот изображения в Angular 9

Question

Мне нужно повернуть изображение в html из моего компонента с помощью

(document.querySelector('#image') as HTMLElement).style.transform = `rotate(${degree}deg)`;

или

document.getElementById('#image').style.transform = `rotate(${degree}deg)`;

и установить для него идентификатор здесь

<img id= "image" class="arrow" src = "assets/arrow.png"/>

но он вылетает на странице с этой ошибкой

core. js: 5882 ОШИБКА TypeError: Невозможно прочитать свойство 'style' из null

Answer 1

Ссылка на него без символа ha sh и использование renderer2 для редактирования стилей / классов.

Для получения подробной информации, пожалуйста, проверьте мой образец stackblitz , вот основные изменения:

  constructor(private renderer: Renderer2) {}

  ngOnInit() {
    const degree = 90;
    const image = document.getElementById('image');
    this.renderer.setStyle(
      image,
      'transform',
      `rotate(${degree}deg)`
    )
  }