Knockout HTML-Bindung und Länge von HTML in Bezug auf Zeichenfolge

Question

Ich habe eine Zeichenfolge, die HTML-Code hat. Also habe ich im Hinblick bin verbindlich wie

<div data-bind="html : Notes()"></div> 

Jetzt möchte ich eine Klasse hinzufügen, basierend auf Länge von Schuldverschreibungen mit aus HTML-Elementen div.

Angenommen Notes = "<b>Hello</b>", dann Notes.length = 12 (With <b> and </b>)

Aber ich brauche alle HTML-Elemente zu ersetzen, und ich brauche Länge als 5 (Hallo) zu erhalten.

Wie kann ich dies unter der Zeile erreichen.

<div data-bind="html : Notes(), css:{myclass : Notes().length > 5}"></div> 

Answer 1

könnten Sie machen ein berechnet, dass ein virtuelles Element erzeugt und liefert deren Textlänge etwa so:

var noteLength = ko.computed(function() { 
    var tempElement = document.createElement("div"); 
    tempElement.innerHTML = Notes(); 

    return tempElement.innerText.length; 
}); 

Answer 2

Sie dynamische Klasse von CSS-Eigenschaft hinzufügen und dann statische Klasse von attr hinzufügen. Eigentum. Details sind im folgenden Link verfügbar. Lass es mich wissen, wenn das nicht hilft.

combine dynamic and static classes through css binding, knockout.js