자바 스크립트 템플릿 : 각 단어를 HTML 요소의 문자열로 묶습니다.

Question

특정 문자열의 각 단어가 <span> 개의 요소로 묶일 수 있도록 자바 스크립트 템플릿을 수정하려고합니다.

이

<% var tagString = "Happy Sad Up Down", tags = tagString.split(" "), wrappedTags = ""; %> 
<% for (var i = 0; i < tags.length; i++) { %> 
    <% wrappedTags += "<span>" + tags[i] + "</span>"; %> 
<% } %> 
<p><%=wrappedTags%></p> 

문제는 이것이 "<span>"와 텍스트가 아닌 HTML로 "</span>" 출력된다, 그래서 페이지에 표시되는 다음 텍스트와 끝까지 : 나는이 > 해피 </

< 스팬 스팬 > < 범위까지 > 슬픈 </스팬 > < 범위 > </스팬 다운 > < 범위 > </스팬 0,123,

<span> 태그를 HTML로 출력하는이 구문에는 어떤 방법이 있습니까? http://jsfiddle.net/4QtUd/ :

---

업데이트 : 나는 단순히 페이지에 wrappedTags를 작성하는 경우 일반 (비 템플릿) 구문, 그것을 작동합니다. 그러나 템플릿 구문 내에서이를 수행하는 동일한 방법을 이해할 수 없습니다.

Answer 1

당신은 같은 것을 할 루프 내에서 직접 출력 할 수 > -> >.

<% var tagString = "Happy Sad Up Down", tags = tagString.split(" "); %> 
<p> 
<% for (var i = 0; i < tags.length; i++) { %> 
    <span><%= tags[i] %></span> 
<% } %> 
</p> 

Answer 2

< 및 >을 HTML 항목으로 바꾸어보세요. http://www.w3schools.com/html/html_entities.asp

그래서 기본적으로

: < -> &lt; 및