node.js - 在 EJS 中生成星星的最简洁方法

Question

在 Node.JS(模板化)中使用 ejs 为 star 生成这种 html 的最干净、最有效(就打字而言)的方法是什么？

星星看起来像:

                <div class="ratings">
                    <p class="pull-right"> reviews</p>
                    <p>
                        <span class="glyphicon glyphicon-star"></span>
                        <span class="glyphicon glyphicon-star"></span>
                        <span class="glyphicon glyphicon-star"></span>
                        <span class="glyphicon glyphicon-star"></span>
                        <span class="glyphicon glyphicon-star-empty"></span>
                    </p>
                </div>

我试图避免使用像这样的令人厌恶的语法:

                <div class="ratings">
                    <p class="pull-right"> reviews</p>
                    <p> 
                            <% for (i = 0; i < 5; i++) { %>
                                    <% if (i < (star_rating - 0.5)) { %>
                                    <span class="glyphicon glyphicon-star"></span>
                                    <% } else { %>
                                    <span class="glyphicon glyphicon-star-empty"></span>
                                    <% } %>
                            <% } %>
                    </p>
                </div>

Answer 1

对于 for 循环你无能为力，但是使用 ternary/conditional 可以将其中的代码减少 4 行。运算符:

<div class="ratings">
    <p class="pull-right"> reviews</p>
    <p>
        <% for (var i = 0; i < 5; i++) { %>
            <span class="glyphicon glyphicon-star<%= (i < star_rating - 0.5)? '' : '-empty'%>"></span>
        <% } %>
    </p>
</div>