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

Question

我认为，我需要自定义绑定，

如果文本长于n个字符，请放置“...”并在工具栏上显示工具提示。

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

Answer 1

我可以编写自定义绑定无提示：

ko.bindingHandlers.truncatedText = { 
    update: function (element, valueAccessor, allBindingsAccessor) { 
     var value = ko.utils.unwrapObservable(valueAccessor()), 
     length = ko.utils.unwrapObservable(allBindingsAccessor().length) || ko.bindingHandlers.truncatedText.defaultLength, 
     truncatedValue = value.length > length ? value.substring(0, Math.min(value.length, length)) + " ..." : value; 

     ko.bindingHandlers.text.update(element, function() { return truncatedValue; }); 
    }, 
    defaultLength: 15 
}; 

Answer 2

使用与文本溢出CSS3类：省略号财产

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