將ejs轉換為玉？

Question

我無法將以下ejs轉換為jade：

<h1>I’m going to count to <%= counter %></h1>

<p><%
    for(var i = 1 ; i <= counter ; i++) {
    %>

    <%= i %>... 

<% } %></p>

<p>While I’m here, I’m going to take a name at random that’s been sent to me:
<%= names[Math.round(Math.random() * (names.length - 1))] %>
</p>

玉塊看起來如何？ 非常感謝！

Answer 1

這就是我要做的：

- var counter = 10
- var names = ["Tom", "Dick", "Harry"]
h1 I’m going to count to #{counter}
-
  var countdown = ""
  for (var i = 1 ; i <= counter ; i++){
    countdown += i + "..."
  }
p=countdown
p While I’m here, I’m going to take a name at random that's been sent to me: #{names[Math.round(Math.random() * (names.length - 1))]}

在此示例中，我在Jade文件中創建了counter和name變量，但是您可以像將值一樣輕松地將它們傳遞給模板。