为什么Jade抱怨插值变量未定义？

Question

当我编译下面的代码snippt，玉抱怨user_name和user_level是不确定的：

div.outer 
    div.info 
     div.user_name #{user_name} 
     div.user_level span.level "LV."+#{user_level} 

为什么？

Answer 1

林通过接下来的增值经销商：这里{"user_name": "Bob","user_level": "admin" }没有错误

这些：

div.outer 
    div.info 
     div.user_name #{user_name} 
     div.user_level span.level "LV."+#{user_level} 

编译到这些：

<div class="outer"> 
    <div class="info"> 
     <div class="user_name"> Bob</div> 
     <div class="user_level">span.level "LV."+admin</div> 
    </div> 
</div> 

那么现在的问题是寿：<div class="user_level">span.level "LV."+admin</div>

我的测试运行良好时：

div.outer 
    div.info 
     div.user_name #{user_name} 
     div.user_level 
      span.level LV.#{user_level} <----Here you want the dot? 

编译成：

<div class="outer"> 
    <div class="info"> 
     <div class="user_name">Bob</div> 
     <div class="user_level"><span class="level">LV.admin</span></div> <---Looks better. 
    </div> 
</div> 

希望它有助于

第2部分：for & each例子。

传递{"books": ["A", "B", "C"]}

select 
    each book, i in books 
    option(value=i) Book #{book} 

编译成：

<select> 
    <option value="0">Book A</option> 
    <option value="1">Book B</option> 
    <option value="2">Book C</option> 
</select> 

和

ul 
    for book in books 
    li= book 
    else 
    li sorry, no books! 

编译成：

<ul> 
    <li>A</li> 
    <li>B</li> 
    <li>C</li> 
</ul> 

的情况下，我们通过：{"books": []}

编译成：

<ul> 
    <li>sorry, no books!</li> 
</ul>