https://stackoverflow.com/questions/46604116/dotdotdot-plugin-together-with-knockout-remove-content
by jlspake
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.dotdotdot/2.0.1/jquery.dotdotdot.js"></script>
<div style="height:100px; width:300px; overflow-y:hidden; border: 2px dashed blue; border-radius:8px;" data-bind="dotdotdot: TeamMemberName ">
blah
</div>
JavaScript
ko.bindingHandlers.dotdotdot =
{
update: function (element, valueAccessor, allBindingsAccessor) {
var value = ko.utils.unwrapObservable(valueAccessor());
$(element).text(value);
setTimeout(function () {
$(element).dotdotdot({ wrap: 'letter', fallbackToLetter: 'letter',
watch: 'window' });
}, 1000);
}
};
ko.applyBindings({TeamMemberName: 'YPB036LH OG87g0IPXG08 g5POG I82g0NFCG54 g6SVMG91g1SX DG16g9YHLG 41g9WUHG109gTKV G12g3UGIG47g4HTCG0 6g1ZRXG55g0N LCG68g1CYEG370gR GRG09g8 TQSG10g0 WKGE50g6gMEKG37g0AFIG13g1TVGR50g4WKMG04g6OBDG 16g4LXGG86g6SZVG62g3UAIG997gDOYG 05g3MEPG68g5AELG15g6NRKG68g4 WZDG91g2T AZG905gMBFG4g07DRFG 74g4FBGW2g01'});