我使用的是Angular 2,并且我已经编写了以下代码:

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

我也try 过:

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

export class MyComponent
{
 width: number = 150;
}

但它不会将宽度绑定到div元素.

我做错了什么?

推荐答案

对我来说很好

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

Angular相关问答推荐

使Angular 效果只执行一次

RXJS运算符用于combineLatest,不含空值

以Angular 表示显示特殊字符

NG构建后多余的国旗

在Angular中使用ngFor进行表乘法

如何将Angular 服务包含在延迟加载的独立组件路由中?

带区域设置用法的Angular 日期管道

Angular 单位测试表

合并Cypress和Karma的代码覆盖率报告JSON文件不会产生正确的结果

ng14中具有强类型表单的FormBuilder

过滤 ngfor Angular 的计数

全局异常处理

无法读取 angular2 中未定义(…)的属性 push

ngx-bootstrap modal:如何从模态中获取返回值?

使用 Jasmine 和 Karma 对 Angular 进行单元测试,错误:无法绑定到xxx,因为它不是xxxxxx的已知属性.

Angular Material 模态对话框周围的空白

Angular2 - 如何开始以及使用哪个 IDE

MatToolbar 与 Angular 9 一起使用时抛出错误

从 angular2 模板调用静态函数

如何升级 Angular CLI 项目?