0

我有一个 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
4

1 回答 1

1

你还没有渲染模板试试这个，

var template = Handlebars.compile($("#header-template").html());
 var html =  template(x)
 console.log(html)
于 2013-06-18T11:21:08.053 回答