json2html-為帶有多個元素的數組中的JSON數據創建內聯函數

Question

我有以下JSON數據：

{"orders":[
{"id":16,"status":"completed","total":"45.00"},
{"id":17,"status":"completed","total":"55.00"}
]}

如何使用json2html將此數據轉換為html？ ${orders.0.total}可以工作，但我希望它可以轉換所有訂單，而不僅僅是數組0。

我已經嘗試過此答案的解決方案，但是它不起作用。

這就是我所擁有的：

<body>
    <ul id="list"></ul>
</body>

<script type="text/javascript">
    //List items
    var myjson = [{"orders":[
                 {"id":16,"status":"completed","total":"45.00"},
                 {"id":17,"status":"completed","total":"55.00"}
                 ]}];

    //List item transform
    var orderTransform = {"tag":"div","html":"${total}"}

    var transform = {"tag":"div","children":function(){
        return( json2html.transform(this,orderTransform) );
    }};

    $(function(){
        //Create the list
        $('#list').json2html(myjson,transform);
    });
</script>

謝謝

Answer 1

您的轉換應修改為：

var transform = {"tag":"div","children":function(){
        return( json2html.transform(this.orders,orderTransform) );
}};

注意的變化this給this.orders ，作為根變換引用{orders: [...]}對象，所以在兒童功能是necesary指定被用作該數據的新的數組。

原始代碼將this作為子項的數據傳遞， this會使json2html嘗試使用orderTransform重新呈現{orders: [...]}對象，因此這是不正確的，因此重要的是明確指定該子項的數據轉換在orders字段中。

json2html-為帶有多個元素的數組中的JSON數據創建內聯函數

問題描述

1 個解決方案

解決方案1
0 已采納 2016-07-01 12:54:09

json2html-為帶有多個元素的數組中的JSON數據創建內聯函數

問題描述

1 個解決方案

解決方案1 0 已采納 2016-07-01 12:54:09

解決方案1
0 已采納 2016-07-01 12:54:09