String 角度式和作为字符串而不是数字使用

String 角度式和作为字符串而不是数字使用,string,angular,typescript,sum,String,Angular,Typescript,Sum,我找到了一个解决方案,总结如下: height: number; width: number; trackWidth: number; 但是它很难看,有人知道如何修复吗?您可以将它们都包装在parseInt(num)中 但是,我通常会这样做: 声明一个处理属性的常量obj,类似于: <div class="scroll-element-content" [ngStyle]="{'width.px': (this.width - (-this.trackWidth))}"> “

我找到了一个解决方案,总结如下:

height: number;
width: number;
trackWidth: number;


但是它很难看,有人知道如何修复吗?

您可以将它们都包装在
parseInt(num)

但是,我通常会这样做:

声明一个处理属性的常量obj,类似于:

<div class="scroll-element-content" [ngStyle]="{'width.px': (this.width - (-this.trackWidth))}">
“0px”可以是任何默认值

然后将ngStyle设置为此对象。这就避免了标记中的所有条件逻辑和混乱内容。您还可以对对象进行适当的文档记录/注释(如果您在标记中全部设置了对象,则无法简单地完成此操作)


需要时,可以在控制器中操纵该对象,并在需要更新视图时重置宽度(或任何样式)

为什么不先将它们添加到.ts文件中,然后将该值绑定到width属性

<div class="scroll-element-content" [ngStyle]="{'width.px': (this.width - (-this.trackWidth))}">
const myStyle = { width : '0px', height : '0px' };