Изменение цвета фона с помощью машинописного текста ⇐ CSS

[Anonymous]

До перехода на Angular я работал на JavaScript. Я хочу изменить значение свойств CSS определенных элементов в машинописном тексте. Но я обнаружил, что его нельзя изменить, как в javascript: name.style.color='red'.
С помощью javascript я бы напишите:
HTML:

Hello

Press


JS:
let blue=document.getElementById("blue");
let it=document.getElementById("it");
it.onclick= ()=> blue.style.backgroundColor="blue";

Но в машинописном тексте это не работает:
HTML:

Hello

Press

TS:
import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'my_app_2';

blue=document.getElementById("blue");

switch() {
this.blue.style.backgroundColor="blue";
}
}

Я нашел одно решение, но мне хотелось бы знать, есть ли более «естественный» способ сделать это, как в javascript. Вот код этого решения:
HTML:

Hello

Press

TS:
import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'my_app_2';
clicked=false;

switch() {
this.clicked=!this.clicked;
}
}



Подробнее здесь: https://stackoverflow.com/questions/743 ... typescript