Existe-t-il un moyen de contourner les collisions de noms dans les structures imbriquées dans mes modèles Moustache.js?

Question

J'ai vraiment des problèmes avec les collisions de noms dans mes modèles Moustache (en utilisant Moustache.js). Cet exemple illustre ces deux problèmes:

Je passe ces données:

{'recs': {'code': 'foo', 'id': 1 
      'childRecs': [{'id': 2}, 
         {'code': 'bar', 'id': 3}] 
     } 
} 

Dans ce modèle:

{{#recs}} 
    Record ID: {{id}} 
    {{#childRecs}} 
    This child code is: [{{code}}] and its parent ID is: {{id}} 
    {{/childRecs}} 
{{/recs}} 

attendu:

Record ID: 1 
This child code is: [] and its parent ID is 1 
This child code is: [bar] and its parent ID is 1 

Actual:

Record ID: 1 
This child code is [foo] and its parent ID is 2 
This child code is [bar] and its parent ID is 3 

1. Il n'y a aucun moyen dans le bloc {{#childRecs}} imbriqué pour accéder au champ parent {{#recs}}{id}}{{/recs}} - il est écrasé par le {{#childRecs}}{{id}}{{/childRecs}}

2. Si une variable {{#childRecs}} est manquante, et une variable parent du même nom existe, il n'y a aucun moyen de l'empêcher d'imprimer la variable parent.

Mes structures imbriquées sont très profondes et il y a beaucoup de collisions de noms, afin de les renommer de telle sorte qu'ils ne se touchent pas est pas une option viable. Y a-t-il un autre moyen de résoudre mes problèmes?

Answer 1

Je vois deux options:

• Enrich les données du côté client avant de l'envoyer pour le rendu. Par exemple, vous pouvez boucler sur tous les childRecs et ajouter une nouvelle propriété parentId - puis mettre à jour votre modèle en conséquence, ou

• Utilisez http://www.handlebarsjs.com/ - il garde la syntaxe de la moustache, mais ajoute quelques goodies comme l'accès au contexte parent (à travers ../). Par exemple:

  {{#recs}} 
      Record ID: {{id}} 
      {{#childRecs}} 
       This child code is: [{{code}}] and its parent ID is: {{../id}} 
      {{/childRecs}} 
  {{/recs}}