Angular4 - Расчет в привязках стилей

В любом случае вы можете выполнить расчет в цели привязки стиля в Angular4?

я пробовал

[style.width]="{{1+1}}"

[style.width]="{{1+1}}px"

[style.width]="{{1px+1px}}"

angular binding styles calculation target
person ekclone    schedule 25.06.2017    source источник

Ответы (3)


arrow_upward
5
arrow_downward

Вы можете использовать [style.width.px]="1 + 1" для достижения этого.

person QoP    schedule 25.06.2017
comment
Спасибо, возможно, вы также знаете, как округлить число в привязках Angular4? - person ekclone; 25.06.2017
comment
для этого есть встроенный канал, но, возможно, вам потребуется создать свой собственный канал, подобный этому - person QoP; 25.06.2017

arrow_upward
1
arrow_downward

это должно работать

   [style.width]="1+1+'px'"

По сути, когда вы используете [] , должно быть выражение, и вы никогда не должны помещать {{}} в значение, и это общее правило Angular2, когда вы используете привязку атрибута.

[style.width]="{{1+1}}"   is wrong because of `{{}}` in the value
person Milad    schedule 25.06.2017

arrow_upward
0
arrow_downward

Вам следует избегать вычисления стиля внутри вашего представления. Просто создайте функцию для обработки этого вычисления и возвращайте только результат в представлении.

person Danial Kalbasi    schedule 28.07.2017
comment
Пожалуйста, предоставьте какое-то описание кода, чтобы улучшить этот ответ. - person Ekaba Bisong; 28.07.2017