敲除绑定不更新类样式

Question

我试图弄清楚如何使用knockout从html中添加和删除类。

应该发生的是，当我点击卡车时，按钮应该更新为btn红色，而car按钮应该删除btn红色。

我可以看到事件绑定正在工作，因为触发了警报并返回了正确的值，但我无法更新视图。

我编写了一个非常简单的JSFIDLE。net/N8GBB/11/（出于某种原因，stackoverflow不允许我发布链接）以下是我在JSFIDLE中使用的代码

<button class="btn" data-bind="css:{'btn-red':type()=='car'}, click: set_to_car">Car</button>
<button class="btn" data-bind="css:{'btn-red':type()=='truck'}, click: set_to_truck">Truck</button>

var vehicle={ 
    type:ko.observable("car"),
           set_to_car : function(){
        this.type='car'
        alert(this.type);
    },
        set_to_truck: function(){
            this.type='truck'
     alert(vehicle.type);        
    }};

ko.applyBindings(vehicle);

Answer 1

您没有正确设置可观察的类型。

ko。observable方法返回一个函数，因此如果要更改其值，则需要将其作为一个函数调用，并将新值作为参数。

var vehicle={ 
    type:ko.observable("car"),
           set_to_car : function(){
        this.type('car');
    },
        set_to_truck: function(){
            this.type('truck');  
    }};

演示JSFiddle.

您可以在文档中阅读更多关于读取和写入观测值的内容。