使用把手模板 - jquery数据无法正确呈现

Question

我正在获取json数据，使用jquery方法操作来附加我的模板。我正在正确获取数据，但我没有得到元素追加..这里有什么问题..

我的HTML：

<script id="header-template" type="text/x-handlebars-template">
        <div class="loginInfo"> <a href="#">{{name}}</a> | <a href="#">Logout</a> </div>
    </script>

myfunction的：

var manupulate = function(data){

        var template = Handlebars.compile($("#header-template").html());

        $.each(data, function(key,data){
            if(key==="name"){
                $("header").append(template(data));//it is rendering but i didn't see the name value.. console.log(data) - works fine.
            }
        })
    }

这里有什么问题..任何人帮助我？

Answer 1

您应该将对象而不是字符串传递给模板函数：

$("header").append(template({name: data}));

我认为最好重命名数据，因为它太混乱了。