Angular 如何将属性绑定到style.width（以像素为单位）？

我正在使用Angular 2，我已经编写了以下代码：

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

一些文本

我也试过：

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

export class MyComponent
{
 width: number = 150;
}

一些文本
导出类MyComponent
{
宽度：数量=150；
}

但是它不会将宽度绑定到

div

元素

---

我做错了什么？

检查一次，如下所示：

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

export class MyComponent
{
 width: number = 150;
}

一些文本
导出类MyComponent
{
宽度：数量=150；
}

对我来说很好

@组件({
选择器：“我的应用程序”，
样式：[`div{边框：3px纯红；}`]
模板：`
你好{{name}
一些文本
`,
})
导出类应用程序{
名称：字符串；
宽度：数量=250；
构造函数（）{
this.name='Angular2'
}
}

这对我很有用：

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

已收到付款

用于像素单位

<div [style.width.px]="width"> Width Size with px</div>

---

{{

和

}

<代码>[…]和

{{…}

从不一起使用

[…]=“xxx”

已经定义了

xxx

是一个表达式。试试

[style.width]=“'calc（100%-'+myWidth+）”

<div [style.width.px]="width"> Width Size with px</div>

<div bind-style.width.px="width"> Width Size with px</div>

<div [style.width.em]="width"> Width Size with em</div>
<div [style.width.pt]="width"> Width Size with pt</div>
<div [style.width.%]="width"> Width Size with %</div>

export class MyComponent
{
   width: number = 80;
}