녹아웃 - 제목 바인딩에서 html 태그 제거

Question

tntDesc의 <p> 태그를 어떻게 제거 할 수 있습니까?

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

바인딩을 title에서 제거하고 싶습니다.

Answer 1

원하는 것은 html 태그가 속성에 바인딩되기 전에 값에서 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>