javascript - Handlebars 中的访问对象属性包含 '.'

Question

我正在从服务获取数据，其中的对象数组如下所示:-

    [{
        title : 'Tilte 1',
        s.no : 1
     },
     {
        title : 'Tilte 2',
        s.no : 2   
     }
    ]

我使用了 Handlebars 模板来解析这些数据，如下所示:-

{{#each this}}
   <div>
      <span>{{this.s.no}}</span>
      <h2>{{this.title}}</h2>
   </div>
{{/each}}

在上面我无法访问该属性('s.no')。在普通 JavaScript 中，我们可以像 this['s.no'] 一样访问它，但在 Handlebars 中它不起作用。

Answer 1

您需要对不是有效 Handlebars 标识符的属性使用特殊的 [] 表示法。 Demo .

{{#each this}}
   <div>
      <span>{{this.[s.no]}}</span>
      <h2>{{this.title}}</h2>
   </div>
{{/each}}