无法使用带有Handlebars.js模板的Jquery从Json获取html数据
无法使用带有Handlebars.js模板的Jquery从Json获取html数据
提问于 2013-06-18 07:11:03
我有一个json文件，它包含如下的json数据：
{
"username":"lgangula",
"message":""
}在data.json文件中
我使用jquery ajax方法获取文件，并使用Handlebars.js追加数据；下面是函数：
var JsonHandler = function(url) {
return $.getJSON(url)
};
(function ($) {
var manupulate = function(data){
$.each(data, function(key,value){
if(key === "username"){
console.log(value) // i am getting the name
var x = Handlebars.compile($("#header-template").html());
console.log(x(value));//i am getting the elements, without the value..!?
}
})
}
var path = "js/data.json";
new JsonHandler(path).done(function(data){
manupulate(data);
})
})(jQuery);我没有得到我的html输出中的值。下面是我使用的模板：
<script id="header-template" type="text/x-handlebars-template">
<div class="loginInfo"> <a href="#">{{username}}</a> | <a href="#">Logout</a> </div>
</script>这里到底出了什么问题..有谁能帮我吗？
甚至我也再次尝试过这种方式：
(function ($) {
var x = {"username":"lgangula"}
var manupulate = function(data){
$.each(x, function(key,value){
if(key === "username"){
console.log(value);//consoling the name
var x = Handlebars.compile($("#header-template").html());
console.log(x(value)); //no result here.
console.log(x({"username":"lgangula"})); //works fine
}
})
}
manupulate();
})(jQuery);还是不能工作..
如果我像这样传递对象，它就能正常工作。
console.log(x({"username":"lgangula"})); //works fine回答 1
Stack Overflow用户
回答已采纳
发布于 2013-06-18 11:21:08
您尚未呈现模板，请尝试此操作，
var template = Handlebars.compile($("#header-template").html());
var html = template(x)
console.log(html) 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17162660
复制相关文章
相似问题
腾讯云开发者
