Angular2 - Процентное вычисление в привязках стиля или атрибутах - PullRequest
Новая
       6

Angular2 - Процентное вычисление в привязках стиля или атрибутах

0 голосов
/ 05 декабря 2018

Я знаю, что этот вопрос уже задавался относительно расчета с использованием пикселей.Я хочу знать, есть ли в любом случае вы можете сделать вычисления, используя проценты и пиксели в цели привязки стиля в Angular2.

Я пробовал: 

[style.width]="100%-16+'px'"
[style.width.px]="100%-16"

Я также пробовал это: 

@Input() width: number;
_width = 'auto';    
this._width = this.width ? this.width + 'px' : 'auto'

width="calc(100% - 16)"
width="calc(100% - 16px)"
width="100% - 16"
width="100% - 16px"

1 Ответ

0 голосов
/ 05 декабря 2018

Я провел некоторое тестирование, и оно должно работать.Обычно я использую это в классах CSS, поэтому я не был уверен, поэтому я протестировал это в минималистском приложении, и даже в стиле это работает.

style = "background-color: black; width: calc (100% - 1000px); "

Проблема, с которой вы столкнулись, заключается в том, что вы получите ширину от родителя?

Использование директивы ngStyle, кажется, делает это правильно.Проверено и работает. 

<div [ngStyle]="{ 'width': 'calc(100% - ' + width + 'px)' }">
...