Saltar al contenido

¿Cómo incluir una plantilla con parámetros en EJS?

Te sugerimos que pruebes esta resolución en un ambiente controlado antes de enviarlo a producción, saludos.

Solución:

La solución de @Naeem Shaikh funciona. Aunque include también le brinda una forma más intuitiva de incluir una plantilla parcial y también pasar variables de contexto a la que se encuentra en la sección de documentación de ejs.

    <% users.forEach(function(user) %> <%- include('user/show', user: user); %> <% ); %>

Creo que quieres renderizar dos gráficos diferentes usando el mismo parcial plantilla ejs, simplemente proporcionando diferentes datos (dentro del archivo ejs principal).

Puede simplemente definir una variable, que se asignará a la dataque utilizará el primer gráfico, que incluyen el chart.ejs archivo, vuelva a cambiar el datae incluya el archivo ejs parcial (chart.ejs) nuevamente, por lo que ahora tiene dos archivos que pueden usar la misma variable (datos), pero pueden trazar un gráfico diferente según el valor asignado a data.

Por ejemplo:

<% var data= 'data to be used by first chart(parameter)'; %>
<% include partials/spider-chart.ejs %>

// re-initializing data for second chart
<% data= 'data to be used by second chart(parameter)'; %>
<% include partials/spider-chart.ejs %>

donde su spider-chart.ejs el archivo podría ser algo que usará data

spider-chart.ejs

    
  • <%= data %> // just an example
  • aquí, a medida que usa datos, la variable de datos a la que acceden ambos gráficos será diferente porque está reasignando valores para los datos antes de cada gráfico.

    Puede pasar datos únicos o múltiples aquí es cómo hacerlo

    En funciones de renderizado

    Podemos pasar múltiples datos como un objeto como este

    app.get("/account", function(req, res) 
      res.render("account", 
        name: 'Jon Snow',
        age: 35
      );
    );

    Y luego puede acceder a los datos dentro account usando ejs etiquetas de plantilla simples como esta

    hello <%= name %>

    your age is <%= age %>

    En vistas parciales

    Pasa los datos así

    <%- include('partials/logout', name='triyon') %>

    Y acceda a él como lo hicimos arriba

    logged out <%= name %>

    Si crees que te ha sido provechoso este artículo, te agradeceríamos que lo compartas con más programadores de esta manera nos ayudas a extender nuestro contenido.

    ¡Haz clic para puntuar esta entrada!
    (Votos: 0 Promedio: 0)


    Tags : /

    Utiliza Nuestro Buscador

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *