如何在angular 2中动态设置宽度和高度

在Angular 2中动态设置宽度和高度可以通过使用属性绑定来实现。属性绑定是一种将组件的属性值绑定到模板中的表达式的方式。

要在Angular 2中动态设置宽度和高度，可以按照以下步骤进行操作：

1. 在组件的类中定义一个属性，用于存储要设置的宽度和高度的值。例如，可以定义一个名为width和height的属性。

export class MyComponent {
  width: string;
  height: string;
}

1. 在模板中使用属性绑定将属性与元素的宽度和高度属性绑定起来。可以使用方括号语法将属性绑定到元素的属性上。

<div [style.width]="width" [style.height]="height"></div>

1. 在组件的逻辑中，根据需要动态设置width和height的值。可以根据业务逻辑、用户输入或其他条件来设置宽度和高度的值。

export class MyComponent {
  width: string;
  height: string;

  constructor() {
    this.width = '200px';
    this.height = '300px';
  }
}

通过上述步骤，就可以在Angular 2中动态设置元素的宽度和高度。在这个例子中，元素的宽度被设置为200px，高度被设置为300px。你可以根据需要修改宽度和高度的值。

对于Angular 2的更多信息和学习资源，你可以参考腾讯云的Angular 2产品介绍页面：Angular 2产品介绍。