Wenn die Bindungsaussage in Knockout mit der Ansichtsseite besteht

Question

Ich habe dieses div, das einen Buchstaben anzeigt, aber ich möchte eine If-Anweisung hinzufügen, wann dieses div basierend auf der folgenden Bedingung angezeigt werden soll:

if usersCount() > 3 dann Buchstaben anzeigen

   ....

Wie könnte ich die If-Anweisung zusammen mit dem Text-Ausdruck hinzufügen?

data-bind="if: UserCount() > 13 dann text:Letter"` ....??

var userViewModel = function (data) {
        var _self = this;
       _self.Letter = ko.observable(data.Letter);
    };

 var roleViewModel = function (data) {
        var _self = this;
        _self.UserCount = ko.observable(data.UserCount);
    };

Answer 1

Schauen Sie sich das sichtbare Binden. Sie möchten eine Eigenschaft in Ihrem Modell erstellen, um die Logik zum Verbergen/Anzeigen des DIVs zu handhaben. Hier ist ein JSFiddle zur Demonstration.

    var viewModel = function(){
        var self = this;
        self.Letter = ko.observable('Hallo Welt!');
        self.UserCount = ko.computed(function() {
            return Math.floor((Math.random() * 20) + 1);
        });
        self.shouldShowMessage = ko.computed(function() {
            return (self.UserCount() > 13);
        });
     };