До перехода на 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
