基於字符串的敲除HTML綁定和HTML的長度

Question

我有一個字符串，它有HTML代碼。所以我在視圖上有約束力

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

現在我想添加一個類的div基於Notes元素的長度與出Html元素。

假設Notes = "<b>Hello</b>"，然後Notes.length = 12 (With <b> and </b>)

但我需要替換所有的HTML元素，我需要得到長度爲5（你好）。

我該如何實現這一點。

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

Answer 1

你可以做一個計算，創建一個虛擬的元素，並返回像這樣的文字長度：

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

    return tempElement.innerText.length; 
}); 

Answer 2

你可以通過CSS屬性添加動態類，然後attr所添加靜態類。屬性。詳情請見下面的鏈接。如果這沒有幫助，請告訴我。

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