Método Lodash _.template()

Lodash es una biblioteca de JavaScript que funciona en la parte superior de underscore.js. Lodash ayuda a trabajar con arrays, strings, objetos, números, etc.

El método _.template() se usa para crear una función de plantilla que se compila y puede interpolar propiedades de datos en delimitadores de interpolación , ejecutar JavaScript en delimitadores de evaluación y propiedades interpoladas de datos de escape HTML en delimitadores de escape. Además, las propiedades de los datos se recuperan en la plantilla como variables libres. 

Sintaxis:

_.template( string, options )

Parámetros:

• string: Es una string que se usaría como plantilla. Es un valor opcional.
• opciones: Es un objeto que se puede utilizar para modificar el comportamiento del método. Es un valor opcional.

El campo de opciones tiene los siguientes argumentos opcionales:

• options.interpolate: Es una expresión regular que especifica el delimitador de interpolación de HTML.
• options.evaluate: Es una expresión regular que especifica el delimitador de evaluación de HTML.
• options.escape: Es una expresión regular que especifica el delimitador de escape HTML.
• options.imports: Es un objeto que se importará como variables libres a la plantilla.
• options.sourceURL: es una string que indica la URL de origen de la plantilla compilada.
• options.variable: es una string que indica el nombre de la variable del objeto de datos.

Valor de retorno: este método devuelve la función de plantilla compilada.

Ejemplo 1:

// Requiring lodash library
const _ = require('lodash');
  
// Using the _.template() method to
// create a compiled template using 
// the "interpolate" delimiter
var comptempl =
  _.template('Hi <%= author%>!');
  
// Assigning the value to the  
// interpolate delimiter
let result =
  comptempl({ 'author': 'Nidhi' });
  
// Displays output
console.log(result);

Producción:

Hi Nidhi!

Ejemplo 2:  

// Requiring lodash library
const _ = require('lodash');
  
// Using the _.template() method to 
// create a compiled template using 
// the internal print function in
// the "evaluate" delimiter
var comptempl = _.template(
  '<% print("hey " + geek); %>...'
);
  
// Assigning value to the evaluate delimiter
let result =
  comptempl({ 'geek': 'Nisha' });
  
// Displays output
console.log(result);

Producción:

hey Nisha...

Ejemplo 3: El método forEach() se usa como delimitador de evaluación para generar HTML como salida.

// Requiring lodash library
const _ = require("lodash");
  
// Using the template() method with
// additional parameters
let compiled_temp = _.template(
  "<% _.forEach(students, function(students) " +
    "{ %><li><b><%- students %></b></li><% }); %>"
)({ students: ["Rahul", "Rohit"] });
  
// Displays the output
console.log(compiled_temp);

Producción:

<li><b>Rahul</b></li><li><b>Rohit</b></li>