HTML列表仅显示FIRST列表项上的项目符号

时间:2017-02-01 08:55:52

标签: html ejs

标题几乎解释了一切。这是一个MEAN堆栈应用程序。

<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="UTF-8">
<title>The Test App</title>
</head>

<body>

<ul class="stories"
    <% for (var i=0; i<stories.length; i++) {%>
    <li class "story">
            <span><%= stories[i].title %></span>
            <span><%= stories[i].content %></span>
    </li>
<% } %>
</ul>

<form action="/stories" method="POST">
    <input type="text" placeholder="title" name="title">
    <input type="text" placeholder="content" name="content" >
    <button type="submit">Submit</button>
</form>
</body>
</html>

我得到的输出是:http://i.imgur.com/gHh1KGR.png

我尝试了一些粗略的谷歌搜索,但似乎这不是经常出现的事情。有人有主意吗?提前致谢。

1 个答案:

答案 0 :(得分:2)

你错过了收盘大于UL的签名。

<ul class="stories">
    <% for (var i=0; i<stories.length; i++) {%>
    <li class "story">
            <span><%= stories[i].title %></span>
            <span><%= stories[i].content %></span>
    </li>
<% } %>
</ul>