knockout.js - 如何应用 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 }

应该使您的代码工作。