Возникли проблемы с css calc () с угловым 5 разбором

Question

Мне нужно добавить поле для элемента с некоторыми расчетами, как показано ниже:

[ngStyle]="{'margin-left': calc(sustainScrore && sustainScrore.scoring && sustainScrore.scoring.score ? sustainScrore.scoring.score + '%' : '0%')}"

Это похоже на ошибку:

ОШИБКА TypeError: _co.calc не является функцией Поиск решения.

Answer 1

[ngStyle]="{ 'margin-left': 'calc(' + (sustainScrore?.scoring?.score || '0') + '%)' }"

Это должно сработать.

Ваша проблема не рассматривала calc как строку: Angular искал функцию для вызова, а вы хотели создать свойство CSS. Я также сократил ваш код с оператором безопасной навигации, оставив вам более чистый код.

, если вы хотите уменьшить его, используйте обозначение style.XXX:

[style.margin-left]="'calc(' + (sustainScrore?.scoring?.score || '0') + '%)'"