Динамическое имя ngClass

Question

У меня есть задача добавить несколько классов к элементу, один из которых должен быть условным. Я посмотрел в документах и ​​нашел это:

<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>

Но проблема в том, что другой класс должен иметь динамическое имя из переменной, я хотел сделать что-то вроде этого:

[ngClass]="{
        [menuItem.class]: true,
        'open': router.url.split('/')[1] === menuItem.path
      }">

И я получил эту ошибку

Unexpected token [, expected identifier, keyword, or string 

Есть идеи, как реализовать то, что я хочу?

Answer 1

ngClass может принимать объект, чтобы вы могли построить объект и присвоить свойству и это приемлемо

компонент

classObj = {hover:true , 'drop-shadow underline' : false}

шаблон

<div [ngClass]="classObj"></div>

ngClass