Angular4 - Berechnung in Stilbindungen

Question

Gibt es trotzdem eine Berechnung im Style Binding Target in Angular4?

Ich habe

versucht

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

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

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

Answer 1

Sie [style.width.px]="1 + 1", um das zu erreichen, nutzen können.

Answer 2

dieses Grundsätzlich

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

arbeiten sollten, wenn Sie [] verwenden, muss der Ausdruck sein, und Sie sollten setzen nie {{}} im Wert, und dies ist eine allgemeine Angular2 Regel, wenn Sie Attribut verwenden Bindung.

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

Answer 3

[style.height.px]="200" 
[style.height.px]="200 + 50" 
[style.height.px]="_commonService.screenHeight" 
[style.height.px]="_commonService.screenHeight + 50" 
[style.height.px]="_commonService.screenHeight - (isHomePage == true?80:140)" 
/* Other Examples **/ 
[ngStyle]="{'margin-top': isHomePage == true ? '0px' : '60px' }" 

Answer 4

Sie sollten tun Stil Berechnung innerhalb Ihrer Ansicht vermeiden. Erstellen Sie einfach eine Funktion, um diese Berechnung zu verarbeiten, und geben Sie das Ergebnis nur in der Ansicht zurück.