Как передать значение в ngClass?

Question

[Coder321]

Есть примероно такой шаблончик
<div [ngClass]="_bodyClass"></div>
При первой загрузке все классы применяются, но при подальшем изменении _bodyClass на шаблоне ни чего не происходит, хотя если сделать так
<div [ngClass]="{'testClass':myVariable}"></div>
то все работает. В чем проблема?

Comments

[Ivan Stroykin]

Если есть время подождать, сейчас доберусь до компа и сделаю пример

Answer 1

[Ivan Stroykin]

Пример

Comments

[Coder321]

Спасибо, то что вариант с строкой и массивом работает я уже понял, интерестно почему обьект не работает)

[Ivan Stroykin]

Coder321: Ну, с объектом можно работать примерно так: https://plnkr.co/edit/YUNfJCMluUf53cwgRVF5?p=preview

Answer 2

[Владимир]

Не хотите сделать пример на https://codepen.io/ ?
https://angular.io/docs/ts/latest/api/common/index...

<some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>

Comments

[Coder321]

не совсем понял идею

[Coder321]

Кстати, если передавать класы с контроллера строкой то все работает

[Владимир]

Coder321: Тогда непонятно как не работает. Там же расписаны все случаи использования.

string - the CSS classes listed in the string (space delimited) are added,
Array - the CSS classes declared as Array elements are added,
Object - keys are CSS classes that get added when the expression given in the value

Если хотите передать набор классов (А если нужно динамически добавить еще клас...) передаете их в массиве или стринг разделенный запятой
В случае объекта - ключ - название класса, значение воспринимается как true/false

[Coder321]

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

[Владимир]

Coder321: Что во фразе "Object - keys are CSS classes that get added when the expression given in the value" вы не можете понять ? ИМенами класса вобъекте выступают ключи а не значения, любое значение воспрнимается как булевое