Привязка CSS с помощью нокаутирующих безопасных привязок ⇐ CSS

[Anonymous]

Как привязать CSS к элементу div, используя безопасные привязки.
Следующий фрагмент кода не работает.
data-sbind="css:{'has-error': isNullOrWhiteSpace($root.UserID()) == true,'MandatoryFields':isNullOrWhiteSpace($root.UserID()) == false}"

var koOptions = {
attribute: "data-sbind", // default "data-sbind"
globals: window, // default {}
bindings: ko.bindingHandlers, // default
ko.bindingHandlers
noVirtualElements: true // default true
};
ko.bindingProvider.instance = new ko.secureBindingsProvider(koOptions);

if (isBound(UI.MainContainer) == false) {
//ko.bindingProvider.instance = new ko.secureBindingsProvider(self, $('#' + UI.MainContainer, '#' + UI.AppContainer)[0]);
ko.applyBindings(self, $('#' + UI.MainContainer, '#' + UI.AppContainer)[0]);
}

Класс has-error не является обязательным.
Я получаю следующую ошибку
at
:
38
message
:
"Expected ')' but got '$'"
name
:
"SyntaxError"
text
:
"css:{'has-error': isNullOrWhiteSpace($root.UserID()) == true,'MandatoryFields':isNullOrWhiteSpace($root.UserID()) == false}"
[[Prototype]]
:
Object


Подробнее здесь: https://stackoverflow.com/questions/787 ... e-bindings