html - 使用 [style.something.px] ="2"以 Angular 定义边框宽度(厚度)

Question

目前，我正在使用以下语法定义元素宽度:

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

我想要的是使用类似的语法来定义 border-width css 属性，如下所示:

<div [style.border-width.px]="borderSize"></div>

我怎样才能做到这一点？

Answer 1

我发现我可以做这样的事情:

// Html
<div [style.borderWidth.px]="borderSize"></div>

// Typescript
@Component(...)
export class LoaderComponent {
    borderSize = 2;
}