Question

0 0

ejs浏览器端使用问题？

路由代码如下


 app.get('/test', function (req, res) {
  res.render('test',{"arr":['lzy','dophin','ejs']});
})

ejs代码大致如下


 <% for(var i in arr){ %>
   <li><%= arr[i] %></li>
   <% } %>

    <script id="template" type="text/template">
        <% for(var i in arr){ %>
        <li><%= arr[i] %></li>
        <% } %>
    </script>

如果直接这样的话template也会被解释
图片描述
我希望template不会被解释，所以我的想法是在script外面加上外套


 <%-
<script id="template" type="text/template">
    <% for(var i in arr){ %>
    <li><%= arr[i] %></li>
    <% } %>
</script>
%>

但是浏览器报错说
图片描述

请问如何解决问题？

ejs node.js JavaScript

9 years, 6 months ago

yamoe

share

yamoe 9 years, 6 months ago

Answer 1

0

你第一个操作是对的，浏览器就是不会对内容进行渲染，你看到的仅仅是语法高亮而已，实际上是不渲染的。

answered 9 years, 6 months ago

能登ツグミ

share

能登ツグミ answered 9 years, 6 months ago

Answer 2

0

灵机一动，解决了。
代码如下：


 <% for(var i in arr){ %>
   <li><%= arr[i] %></li>
   <% } %>

    <script src="js/ejs.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script id="template" type="text/template">
        {{ for(var i in arr){ }}
        <li>{{= arr[i] }}</li>
        {{ } }}
    </script>
    <script type="text/javascript">
        ejs.open = '{{';  
ejs.close = '}}';
var template = $('#template').html();
var dom = ejs.render(template,{"arr":['lzy','dophin','ejs']});
$("body").append(dom);
    </script>

answered 9 years, 6 months ago

shuin

share

shuin answered 9 years, 6 months ago

ejs浏览器端使用问题？

yamoe

Answers

能登ツグミ

shuin

Your Answer