Моя цель - установить стиль (высота и ширина в этом случае) из переменной компонента, используя атрибут "styles". Я бы подумал, что есть простой метод привязки данных, но это может быть желаемое за действительное...
Например, если я использую привязку усов html, это может выглядеть так:
@Component({
selector: '[sidebar]',
templateUrl: 'app/Nav/sidebar.comp.html',
styles: [`
.sidebar-nav {
overflow: scroll;
height: {{ height }};
}
.sidebar {
height: {{ 0.9 * height }};
width: {{ 0.21 * width }};
}
`]
})
export class SidebarComp {
width: number;
height: number;
constructor() {
this.height = window.innerHeight;
this.width = window.innerWidth;
}
}
Очевидно, что все это неправильно, но я попробовал несколько более вероятных перестановок и не имел надежды найти решения на сайте Angular, Qaru или Google. Я могу свести к использованию ngStyle inline, но это не идеально в этом случае.