Handlebar中的访问对象属性包含'。'

Question

我从服务中获取数据，其中的对象数组如下： -

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

我使用了手工模板来解析这些数据，如下所示： -

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

在上面我无法访问该属性（'s.no'）。 在vanilla JavaScript中，我们可以像这样['s.no']访问它，但在手柄中它不起作用。

Answer 1

您需要对非有效车把标识符的属性使用特殊[]表示法。 演示 。

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