knockout.js - 如何在 knockout.js 中缩短名称？

Question

我想，我需要自定义绑定(bind)，

如果文本超过 n 个字符，放置“...”并在鼠标悬停时显示工具提示。

<div data-bind="shortenText:name, maxLength:10" ></div>

Answer 1

使用带有 text-overflow: ellipsis 属性的 css3 类

.truncate {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}