我想我可能误解了如何在javascript中使用＆lt;％ - variable％>项。
＆＃xA;＆＃xA;现在，我有一个“食谱”数据库。每个食谱都有一个名称和一些成分，我在上面使用GET请求：_id为每个食谱构建一个单独的页面。这部分工作正常。
＆＃xA;＆＃xA;我正在努力建立一种方法来迭代成分并将它们附加到DOM。这就是我现在所处的位置：
＆＃xA;＆＃xA; ＆lt; script＆gt;＆＃xA;＆＃xA; for（var i = 0; i＆lt;＆lt;＆lt;％ - ingredients.length％＆gt ;; i ++）{＆＃xA;的console.log（ⅰ）; ＆lt; - 正常工作＆＃xA; console.log（'＆lt;％ - ingredients [0] .ingredient％＆gt;'）; ＆lt; ---正常显示＆＃xA; console.log（'＆lt;％ - ingredients [i] .ingredient％＆gt;'）; ＆lt; - 抛出错误（无法识别i）＆＃xA; }＆＃xA;＆＃xA;＆lt; / script＆gt;＆＃xA; ＆＃xA;＆＃xA; 是不是可以迭代这些成分？我应该考虑采用不同的方法吗？
＆＃xA;＆＃xA;谢谢！
＆＃xA;＆＃xA;编辑：
＆ #xA;＆＃xA;以下是GET请求：
＆＃xA;＆＃xA; app.get（'/：id'，function（req，res） {＆＃xA; Recipe.findOne（{_ id：req.params.id}，function（error，document）{＆＃xA; if（error ||！document）{＆＃xA; res.render（'error' ，{}）;＆＃xA;}＆＃xA; else {＆＃xA; // res.render（'recipe'，{document：document}）;＆＃xA; // res.json（document）; ＆＃xA; // document = JSON.parse（document）;＆＃xA; console.log（document.name）;＆＃xA; console.log（document.ingredients）＆＃xA; res.render（'recipe .html'，{＆＃xA;成分：document.ingredients，＆＃xA; name：document.name，＆＃xA;}）;＆＃xA;}＆＃xA;}）;＆＃xA;}） ;＆＃xA; ＆＃xA;＆＃xA; 以下是HTML：
＆＃xA;＆＃xA; ＆lt;！ DOCTYPE html＆gt;＆＃xA;＆lt; html lang =“en”ng-app =“myApp”＆gt;＆＃xA;＆lt; head＆ GT;＆＃XA; ＆lt; meta charset =“UTF-8”＆gt;＆＃xA; ＆LT;标题＆GT; ChefHeather＆LT; /标题＆GT;＆＃XA; ＆lt; link href =“/ bower_components / bootstrap / dist / css / bootstrap.min.css”rel =“stylesheet”＆gt; ＆＃XA; ＆lt; link href =“/ bower_components / font-awesome / css / font-awesome.min.css”rel =“stylesheet”＆gt;＆＃xA;＆＃xA;＆lt; / head＆gt;＆＃xA;＆lt; body NG-控制器= “MainController” ＆GT;＆＃XA; ＆lt; div id =“header1”class =“container col-sm-12 createContainer”＆gt;＆＃xA; ＆lt; h1＆gt;＆lt;％= name％＆gt;＆lt; / h1＆gt;＆＃xA; ＆lt; p＆gt;＆lt;％ - 成分[0] .ingredient％＆gt; ＆lt;％ - 成分[0] .quantity％＆gt;＆lt; / p＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA;＆＃XA;＆＃XA; ＆LT;脚本＆GT;＆＃XA;＆＃XA; for（var i = 0; i＆lt;＆lt;＆lt;％ - ingredients.length％＆gt ;; i ++）{＆＃xA;的console.log（ⅰ）;＆＃XA; console.log（'＆lt;％ - ingredients [0] .ingredient％＆gt;'）;＆＃xA; console.log（'＆lt;％ - ingredients [1] .ingredient％＆gt;'）;＆＃xA; }＆＃XA;＆＃XA; ＆LT; /脚本＆GT;＆＃XA;＆＃XA; ＆LT;脚本＆GT;＆＃XA;＆＃XA;＆＃XA; ＆LT; /脚本＆GT;＆＃XA; ＆lt; script src =“/ bower_components / angular / angular.min.js”＆gt;＆lt; / script＆gt;＆＃xA; ＆lt; script src =“/ bower_components / ng-resource // dist / ng-resource.min.js”＆gt;＆lt; / script＆gt;＆＃xA; ＆lt; script src =“../js / app.js”＆gt;＆lt; / script＆gt;＆＃xA;＆＃xA; ＆lt;！ - 控制器 - ＆gt;＆＃xA; ＆lt; script src =“../js / mainCtrl.js”＆gt;＆lt; / script＆gt;＆＃xA;＆lt; / body＆gt;＆＃xA;＆lt; / html＆gt;＆＃xA; ＆＃xA;＆＃xA; 一旦我弄清楚如何做到这一点，我将只使用javascript将一个成分的每个元素附加到DOM
＆＃xA;