angular ngstyle拒绝风格而被忽略

Question

angular ngstyle拒绝风格。我试图限制容器的大小。在初始页面加载时，我将init宽度设置为1100.但是使用ng样式会忽略样式。为什么呢？

这有效：

 <mat-card style="width:1100px;">

这不起作用：

  cardwidth = 1100;  //set in TypeScript

 [style.width.px]="cardwidth"
 [style.width]="cardwidth + 'px'"
 [ngStyle]="{'width.px': cardwidth}"

Answer 1

你几乎得到了它。您的语法有一个小修改。不要将px添加到密钥 - width，而是将其添加到变量名称中，而不是如下所示：

<强> HTML：

<p [ngStyle]="{'width': width + 'px'}">
    Custom width
</p>

<强>打字稿：

width: string
constructor() {
    this.width = "100";
}

Demo