knockout - タイトルバインディングからhtmlタグを削除する

Question

tntDescに由来する<p>タグを削除するにはどうすればよいですか？

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

私はそれらをtitleバインディングから削除したいと考えています。

Answer 1

あなたが望むのは、属性にバインドされる前に値からhtmlタグを取り除くことです。下記のスニペット（タグを取り除くコード：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>