Angular中如何通过对象属性动态设置HTML元素的width属性

你未对width属性启用Angular的属性绑定逻辑：直接写width="partner.width"属于静态HTML属性赋值，Angular会将引号内的内容直接作为字符串渲染到DOM上，不会读取组件上下文中的partner变量值，你之前使用的[src]就是加了方括号启用属性绑定的正确写法。

给width属性加上方括号启用属性绑定，绑定到partner.width变量即可：

<img style="max-height: 400px" [width]="partner.width" [src]="partner.img" alt="">

如果需要将宽度定义在内联样式中，也可以采用样式绑定的写法：

<img [style.width]="partner.width" style="max-height: 400px" [src]="partner.img" alt="">

内容的提问来源于stack exchange，提问作者Andrea Nobili