javascript - パスを決定できるJSテンプレート言語

Question

私は現在、非常に具体的なことを行う JS テンプレート言語を探しています。多くの JS テンプレート言語 (ハンドルバーやダストなど) では、コレクション内のアイテムを反復処理したり、パスを直接指定したりできますが、データの完全なパスも取得したいと考えています。

たとえば、次のデータが与えられたとします。

{
  people: [
    {firstName: "Test", lastName: "One"},
    {firstName: "John", lastName: "Smith"}
  ]
}

次のようなテンプレートを作成したいと思います:-

<div id="people">
  {{#each people}}
    <div>
      <span data-path="<<<PATH SYNTAX FOR firstName>>>">{{firstName}}</span>
      <span data-path""<<<PATH SYNTAX FOR lastName>>>"">{{lastName}}</span>
    </div>
  {{/each}}
</div>

これは私にこれを与えるでしょう:-

<div id="people">
   <div>
      <span data-path="people[0].firstName">Test</span>
      <span data-path="people[0].lastName">One</span> 
   </div>
   <div>
      <span data-path="people[1].firstName">John</span>
      <span data-path="people[1].lastName">Smith</span> 
   </div>
</div>

これは可能ですか？非常にJSの重い構文のないものを使用したいと思います。ハンドルバーやほこりに似たもの。実際、誰かが私が求めていることをハンドルバーやダストに実行させる方法を提案できれば、それはありがたいです.