Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

197
Vistas
¿Cómo renderizar elementos de datos anidados usando mustache js?

Estoy usando txt.general_1.value en la plantilla para mostrar su valor pero muestra un error en la consola Can't find txt.general_1.value in [object Object]
Pero si solo uso txt en la plantilla, muestra [object Object]
A continuación se muestra el código. Amablemente ayúdame a resolver este problema.
Tenga en cuenta que el siguiente código es solo para reproducir el problema, los datos reales son diferentes.

 <script> var json_obj = { "all": [ { "row": "row", "column": "col-md-6", "txt": { "general_1": { "type": "a", "value": "aaa - Hello world" }, "general_2": { "type": "b", "value": "bbb - Hello world" }, "general_3": { "type": "c", "value": "ccc - Hello world" } } } ] }; var data = json_obj['all'][0]; var template = "<div class=\"{{row}}\"><p class=\"{{column}}\">{{txt.general_1.value}}</p></div>"; var text = Mustache.render(template, data); $('#target').html(text); </script>
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Traté de reproducir el problema en el fragmento de código pero no vi ningún problema. El valor se representa correctamente. Verifique json_obj en su aplicación, tal vez no siempre contenga las propiedades txt.general_1.value .

 var json_obj = { "all": [{ "row": "row", "column": "col-md-6", "txt": { "general_1": { "type": "a", "value": "aaa - Hello world" }, "general_2": { "type": "b", "value": "bbb - Hello world" }, "general_3": { "type": "c", "value": "ccc - Hello world" } } }] }; var data = json_obj['all'][0]; var template = "<div class=\"{{row}}\"><p class=\"{{column}}\">{{txt.general_1.value}}</p></div>"; var text = Mustache.render(template, data); $('#target').html(text);
 <script src="https://unpkg.com/mustache@latest"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="target"></div>

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda