将带有html标签的数据导入到text / x-handlebars-template

时间:2019-06-18 09:41:22

标签: javascript html handlebars.js

我已经用ajax接收了数据,并将其分发给模板。 我收到的内容数据包含html标签。我需要在车把模板中处理它们吗? 如何转换和导入代码?

展开后,内容显示为

测试字符串。

<script id="list-template" type="text/x-handlebars-template">	
{{#resultList}}
		<div id="List" class="ques" >
			<a href="#" class="sbj" >{{title}}</a>
		</div>
		<div class="ans nostyle" id="answer">{{contents}}</div>
	{{else}}
		<div class="no_ques"> No data. </div>
{{/resultList}}
</script>
<script th:inline="javascript">
  $(function(){
    $("#List").click(function(){
  		if($("#contents").is(":visible")){
	            $("#contents").slideUp();
	        }else{
	            $("#contents").slideDown();
	        }
		});
	});
</script>

<script id="list-template" type="text/x-handlebars-template">	
{{#resultList}}
		<div id="List" class="ques" >
			<a href="#" class="sbj" >{{title}}</a>
		</div>
		<div class="ans nostyle" id="answer">{{contents}}</div>
	{{else}}
		<div class="no_ques"> No data. </div>
{{/resultList}}
</script>
<script th:inline="javascript">
$(function(){
$("#List").click(function(){
			if($("#contents").is(":visible")){
	            $("#contents").slideUp();
	        }else{
	            $("#contents").slideDown();
	        }
		});
	});
</script>



$.ajax({
				:
					success : function(data) {
				
						var source = $("#list-template").html();
						var template = Handlebars.compile(source);
						var itemList = template(data);
						$('#List').html(itemList);
						
						ajaxRunning = false;
					},
});

0 个答案:

没有答案