Скажімо, у мене є компонент Angular2
//home.component.ts
import { Component } from 'angular2/core';
@Component({
selector: "home",
templateUrl: "app/components/templates/home.component.html",
styleUrls: ["app/components/styles/home.component.css"]
})
export class HomeComponent {
public width: Number;
public height: Number;
}
Файл HTML-шаблону для цього компонента
//home.component.html
<div class="home-component">Some stuff in this div</div>
І нарешті файл css для цього компонента
//home.component.css
.home-component{
background-color: red;
width: 50px;
height: 50px;
}
Як ви бачите, у класі є 2 властивості width
та height
. Я хотів би, щоб стилі css для ширини та висоти відповідали значенням властивостей ширини та висоти, а коли властивості оновлюються, ширина та висота оновлюваного файлу. Який правильний спосіб досягти цього?