javascript - 如何刷新可观察数组的属性？

Question

    <div id="display" data-bind='foreach: stories'>
            <div class='story'>
                <div class="show_rait">
                    <button class="plus_btn" data-bind="click: rait++">plus</button>
                    <label data-bind="text: rait"></label>
                    <button class="minus_btn" data-bind="click: rait--">minus</button>
                </div>
                <div class='right'></div>
                <div class='title' data-bind='text: $data.title'></div>
                <div class='inside' data-bind='text: inside'></div>
            </div>
            </div>

function ViewModel() {
    var self = this;
    //data
    self.stories = ko.observableArray([
    {title: "story", inside: "some story", rait: -1},
    {title: "story", inside: "Koko jambo", rait: -1},
    {title: "story", inside: "trali vali ", rait: -1},        
    {title: "4 story", inside: "some text": -1},
    {title: "5 story", inside: "yo", rait: -1}]),

Rait++ 和 Rait——必须增加和减少 rait。它可以工作，但只是在重新加载后。我可以只刷新这件作品<label data-bind="text: rait"></label>还是如何解决这个问题？此外，我尝试使 rait 属性可观察rait: ko.observable(-1)，但单击并刷新所有模板后，它返回 NaN。

Answer 1

这只是一个猜测，但请试试这个：

<button class="plus_btn" data-bind="click:function(){ rait++;rait.valueHasMutated();}">plus</button>