Вычтите переменные внутри [ngStyle] углового 6

Question

Я создаю свойство стиля width моего индикатора выполнения, вычитая переменные regOtValue и endTimeOverTimeOut из моей директивы [ngStyle].но он всегда выдает пустой или ошибка интерполяции (добавляя {{ }} внутри [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'}"