Estoy tratando de desarrollar un menú de navegación que haga referencia a diferentes páginas en mi aplicación. estoy usando Materialize css como interfaz de usuario y coloqué los códigos de navegación en un archivo separado
<div id="navigation"> <nav> <div class="nav-wrapper blue darken-3"> <div class="container"> <a href="#" class="brand-logo"> <a href="#" class="sidenav-trigger" data-target="sideMobile"> <i class="material-icons">menu</i> </a> <ul class="right hide-on-med-and-down"> <li> <a href="<?= getbaseUrl(); ?> " class=" waves-effect waves-light" type="button" >Incoming Stock</a> </li> <li><a href="page.html">Components</a></li> <li><a href="page.html">Javascript</a></li> <li><a href="page.html">Mobile</a></li> </ul> </div> </div> </nav> <ul class="sidenav blue lighten-2" id="sideMobile"> <div class="container"> <li><a href="page.html">Sass</a></li> <li><a href="page.html">Components</a></li> <li><a href="page.html">Javascript</a></li> <li><a href="page.html">Mobile</a></li> </div> </ul> </div>que está siendo referenciado en las diferentes páginas como
<?!= include("navBar"); ?> en la parte <head> del código.
la función include() está en el código del lado del servidor como
return HtmlService.createHtmlOutputFromFile(filename).getContent(); }en la parte doGet de la aplicación, la página está siendo renderizada por
return HtmlService.createTemplateFromFile("home").evaluate();¿Cómo puedo escribir códigos en línea en la página de la barra de navegación? cuando se procesa, todos los javascript se muestran como html codificado.
gracias de antemano
En lugar de crear un HtmlOutput , debe crear un objeto HtmlTemplate y evaluate .
Referencia: Clase HtmlTemplate
Un objeto de plantilla para construir dinámicamente HTML.
function include(filename) { return HtmlService.createTemplateFromFile(filename).evaluate().getContent(); }