javascript - 在 Knockout.js 中不显示可见

Question

我有以下 ko.compulated:

self.itemsInBasket = ko.computed(function(){
            return self.selectedDomains.length > 0;
        });

如果单击此按钮并递增值，则会显示此内容:

this.addToCart = function(viewModel, event) {     
            console.log('click');
            self.selectedDomains(self.selectedDomains() +1);
        }

在我的 html 中，我使用以下数据绑定(bind):

<div class="domains__selected" data-bind="visible:  $root.domainSearch.selectedDomains.itemsInBasket">
<strong><span class="update--domain" data-bind="text: domainSearch.selectedDomains">&nbsp;</span>&nbsp; Domains selected</strong>
</div>

它的增量很好，但它没有显示计数器。

任何人都可以发现问题所在或指出我正确的方向，我将不胜感激:)

Answer 1

这个解决方案对我有用:

self.selectedDomains = ko.observable("");
    self.itemsInBasket = ko.computed(function () {
        return self.selectedDomains() > 0;
    });

    self.addToCart = function () {
        console.log('click');
        self.selectedDomains(self.selectedDomains() + 1);
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<div class="domains__selected" data-bind="visible:  selectedDomains() ">
    <strong><span class="update--domain" data-bind="text: selectedDomains">&nbsp;</span>&nbsp; Domains selected</strong>
</div>
<a class="btn btn-default btn-warning btn-xs"
   data-bind="click: addToCart.bind($data)">
    Update
</a>