在[ngStyle]角6内减去变量

Question

我通过在[ngStyle]指令中减去变量width和regOtValue来使进度条的endTimeOverTimeOut样式属性动态化。但是它总是抛出空白或内插错误（通过在[ngStyle]中添加{{ }}）

这是我在做什么：

 [ngStyle]="{'width': (getAttendance.regOtValue - getAttendance.attendance[getAttendance.findIndex].endTimeOverTimeOut) + '%', 'background-color': '#63B3EA'}"

请帮助我跟踪我的发展。

提前谢谢！

Answer 1

尝试从如下方法返回值：

内部.ts文件：

getWidth() {
 return (this.getAttendance.regOtValue - this.getAttendance.attendance[getAttendance.findIndex].endTimeOverTimeOut).toString() + '%';
}

在您的模板中：

 [ngStyle]="{'width':getWidth(), 'background-color': '#63B3EA'}"