把手模板有时部分渲染

Question

在Handlebars.js（v1.3.0，没有ember或任何东西）模板中，我有这样的代码（模板还有很多，这是孤立的问题部分）：

{{#if candidate.workCities.length}}
   <li><label>Work Cities:</label>
       <ul>
          {{#each candidate.workCities}}
             {{#if this.length}}
                <li>{{this}}</li>
             {{/if}}
          {{/each}}                    
       </ul>
   </li>
{{/if}}

它受到看起来像这样的数据的约束（省略号表示不相关的数据）：

{
   ...
   , candidate: {
     ...
     , workCities: [
           'New York City, NY'
           , 'San Francisco, CA'
           , 'Chicago, IL'
           , 'Raleigh, NC'
     ]
     ...
   }
}

偶尔（注意：有时候它有效，有时候它没有）会产生这样的HTML：

<li><label>Work Cities:</label>
    <ul>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
    </ul>
</li>

模板的其余部分渲染得很好，只是这个循环没有，而且真的非常烦人。

如果有人知道为什么会这样（有时候只是！），我们将非常感谢您的帮助。感谢。