如何应用knockoutjs css绑定

Question

我不确定这个绑定语句有什么问题。

css: { 'error': responseStatus < 0, 'success': responseStatus > 0 }

以下是一个工作示例：http://jsfiddle.net/awoehler/zEn3t/

我的服务器将响应包含response.MESSAGE或response.ERROR的JSON响应，我想根据收到的响应来应用一个类。

viewUserModel = {           
    serverResponse: ko.observable(),
    responseStatus: ko.observable( 0 ),  // -1, 0, or 1 
    displayServerResponse: ko.observable( false )
//....
}

Answer 1

当引用表达式中的observable时，必须将它们作为函数调用以获取它们的值。所以改变这个：

css: { 'error': responseStatus < 0, 'success': responseStatus > 0 }

到此：

css: { 'error': responseStatus() < 0, 'success': responseStatus() > 0 }

应该让你的代码有效。