淘汰赛 - 从标题绑定中删除html标签

Question

我们如何删除<p>标签源自tntDesc？

<p class="desc" data-bind="html: tntDesc, attr: { title: tntDesc }"></p> 

我想能够从title绑定中删除它们。

Answer 1

你想要什么是脱离它的价值之前，它绑定到属性的值。请参阅下面的代码片段（剥离标签的代码：https://stackoverflow.com/a/5002618/4602079）。

一个更奇特的方法是使用ko.punches并实现stipTags作为文本过滤器。请参阅：https://mbest.github.io/knockout.punches/

var vm = { 
 
    description: "<p>Hello world</p>" 
 
} 
 

 
function stripTags(input){ 
 
    var div = document.createElement("div"); 
 
    div.innerHTML = input; 
 
    return div.textContent || div.innerText || ""; 
 
} 
 

 
ko.applyBindings(vm);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 

 
<div data-bind="html: description, attr: { title: stripTags(description) }"></div>