无法访问动态属性Handlebars

时间:2017-03-22 15:09:22

标签: javascript handlebars.js

我有一个元素列表 例如

var list = [{ 'FullName': 'full name 1', 'IsCompleted': false }, 
            { 'FullName': 'full name 2', 'IsCompleted': false }]
$('#data-containter').html(template({ 'list': list }));

我通过迭代使用HandlebarsJS显示此列表的项目。

{{#each list}} // I have been trying to use {{#each element in list}}
{{#unless IsCompleted}} // And then element.IsCompleted
<tr>
  <td>{{FullName}}</td>
  <td>{{IsCompleted}}</td>
</tr>
{{/unless}}
{{/each}}

一切都很好,但是当我通过将IsCompleted设置为true来修改列表中的任何元素时 - 仍然会显示两个元素。 list[0].IsCompleted = true
就像在HTML格式中,绑定数据不是IsCompleted - 因为第二个td是空的 我已经读过,有时Uppercased属性会丢失上下文,但我已将其更改为小写,甚至更改了整个属性名称 我想提一下,我有很多以大写字母开头的属性,这是第一个出现的问题。

0 个答案:

没有答案