Jak powiązać właściwość z stylem szerokości piksela w Angular 2?

Question

Używam kątowa 2,0 i pisałem poniższy kod:

<div [style.width.px]="width">some texts </div> 

Próbowałem zostały również

<div [ngStyle]="{'width.px': width}">some texts </div> 

export class MyComponent 
{ 
width: number = 150; 
} 

Ale to nie wiąże szerokość do elementu div.

Używam najnowszej wersji Angulara 2.0.

Co robię źle?

Answer 1

działa dobrze dla mnie

Plunker example

@Component({ 
    selector: 'my-app', 
    styles: [`div { border: 3px solid red; }`] 
    template: ` 
    <div> 
     <h2>Hello {{name}}</h2> 
     <div [style.width.px]="width">some texts </div> 

    </div> 
    `, 
}) 
export class App { 
    name:string; 
    width: number = 250; 
    constructor() { 
    this.name = 'Angular2' 
    } 
} 

Answer 2

Sprawdź sam, jak z poniżej kiedyś:

<div [style.width]="width+'px'">some texts </div> 

export class MyComponent 
{ 
width: number = 150; 
} 

Answer 3

Ten pracował dla mnie:

<div [style.width]="paymentPerc+'%'"> Payment Recieved</div>