Динамическое имя classа внутри ngClass в угловом 2

Мне нужно интерполировать значение внутри выражения ngClass но я не могу заставить его работать.

Я пробовал эти решения, которые являются единственными, что имеет смысл для меня, эти два неудачных с интерполяцией:

Это работает с интерполяцией, но не с динамически добавленным classом, потому что вся строка добавляется как class:

Итак, мой вопрос: как вы используете динамические ngClass в ngClass ?

Пытаться

вместо.

или

или даже

будет работать, но дополнительная польза от использования ngClass заключается в том, что он не перезаписывает другие classы , которые добавляются каким-либо другим способом (например: директива [class.xyz] или атрибут class и т. д.), как это делает class .

ngClass принимает три типа ввода

Объект: каждый ключ соответствует имени classа CSS, вы не можете иметь динамические клавиши, потому что key 'key' "key" все одинаковый, а [key] не поддерживается AFAIK.
Массив: может содержать только список classов, никаких условий, хотя троичный оператор работает
Строка / выражение: как обычный атрибут classа

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

но Angular выбрасывает этот синтаксис. Я считаю это ошибкой. См. Также https://stackoverflow.com/a/36024066/217408

Другие недействительны. Вы не можете использовать [] вместе с {{}} . Либо один, либо другой. {{}} связывает полученный результат, который не приводит к желаемому результату в этом случае, потому что объект должен быть передан в ngClass .

Пример Plunker

В качестве обходного пути синтаксис, показанный @A_Sing или

может быть использован.

Angular2: приложение аварийно завершает работу / становится невосприимчивым после обнаружения исключения / ошибки

Как итерации ключей объектов с помощью * ngFor

Угловые 2 внешних входа

Ошибка установки углового с использованием npm из-за необходимости использовать строку

Передача данных в дочерние компоненты маршрутизатора-выхода (угловые 2)

Как передать данные на угловые маршрутизаторы?

Как определить, как пользователь перемещается обратно в Angular2?

Угловое - задайте заголовки для каждого запроса

Angular2 - как вызвать функцию компонента извне приложения