Comment lier une propriété de Style de la Largeur de Pixel Angulaire 2?

Je suis en utilisant Angulaire 2.0 et j'ai écrit le code ci-dessous:

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

J'ai aussi essayé de

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

export class MyComponent
{
 width: number = 150;
}

Mais il ne se lient pas la largeur de l'élément div.

J'utilise la dernière version de Angular 2.0.

Ce que je fais mal?

pourquoi ne pas vous concaténer les " px " à la fin du numéro?

OriginalL'auteur Dynamic | 2016-12-02

  1. 31

    Fonctionne très bien pour moi

    Plunker exemple

    @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'
  }
}

    OriginalL'auteur Günter Zöchbauer

  2. 8

    Cela a fonctionné pour moi:

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

    OriginalL'auteur Bokang Masilo

  3. 2

    Vérifier avec le même ci-dessous une fois:

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

export class MyComponent
{
 width: number = 150;
}

    OriginalL'auteur ranakrunal9