javascript - knockout HTML 绑定(bind)和 HTML 字符串长度

Question

我有一个带有 html 代码的字符串。所以我在 View 中绑定(bind)

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

现在我想根据没有 Html 元素的 Notes 长度向 div 添加一个类。

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

但是我需要替换所有 html 元素，并且我需要将长度设置为 5(Hello)。

我怎样才能实现下面这一行。

<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;
});