鍍金池/ 問答/PHP  HTML/ arttemplate 看起來全部都正常，但渲染后什么都沒有

arttemplate 看起來全部都正常，但渲染后什么都沒有

我懷疑數(shù)據(jù)有問題，使用實(shí)例中的數(shù)據(jù)就出來結(jié)果，換我的數(shù)據(jù)就沒有了。我的數(shù)據(jù)是用php的json_incode()函數(shù)提供的，代碼如下

<?php 
$model = FoodCat::model()->findAll();//美食類
$fcat = array();
foreach($model as $m){
$fcat[] = array($m->id,$m->name);
}
$fcatData = json_encode($fcat);//我用id,name形成一個json格式的數(shù)據(jù)，我就用這個數(shù)據(jù)的
//$fcatData用echo輸出結(jié)果是

    [["1","\u9505\u5e95"],["2","\u8089\u7c7b"],["3","\u83dc"],["4","\u6d77\u9c9c"],["5","\u4e3b\u98df"],["6","\u996e\u6599"],["7","\u8336 \u5496\u5561 \u51b0\u6dc7\u6dcb"],["8","\u8c03\u6599"],["9","\u70ed\u83dc"],["10","\u5df2\u788e"],["11","\u51c9\u83dc"],["12","\u6d3b\u52a8"],["14","\u867e\u9c7c\u9e21"]]
 ?>

有關(guān)arttemplate的代碼如下：

<html>
<head></head>
<body>
<div id="fcat-box"></div>
<script id='fcat-tpl' type="text/html">
{{each facatData item i}}
    <div class="col-xs-12 tema-addi">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-xs-6 ">
                {{item[0]}}
                </div>
                <div class="col-lg-6 col-md-6 col-xs-6">
                {{item[1]}}
                </div>
            </div>
        </div>
{{/each}}
</script>
</body>
</html>
<script src="js/template.js"></js>
<script>
var fcat = <?php echo $fcatData; ?>;
var fcatData = eval("("+fcat+")");
var htmlstr = template('fcat-tpl',fcatData);
document.getElementById('fcat-box').innerHTML = htmlstr;
</script>

我懷疑facatData是否能用js循環(huán)了一下，是正常。代碼如下：

for(var i in fcatData){
 
  console.log(fcatData[i][1]);
 
}

圖片描述

我現(xiàn)在不知道，數(shù)據(jù)錯誤還是數(shù)據(jù)在模板中循環(huán)錯誤？因?yàn)楝F(xiàn)在控制臺什么提示都沒有。

回答
編輯回答
糖豆豆

var htmlstr = template('fcat-tpl',{fcatData:fcatData});

2018年3月23日 11:34