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}}