如何在 Google 应用程序脚本中将内联 javascript 添加到导航模板

Question

我正在尝试开发一个导航菜单，该菜单被引用到我的应用程序中的不同页面。我正在使用 Materialize css 作为 ui 并将导航代码放在单独的文件中

        <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>

在不同的页面中被引用为

<?!= include("navBar"); ?>

在代码的<head>部分。

函数 include() 在服务器端代码中为

return HtmlService.createHtmlOutputFromFile(filename).getContent();
}

在应用程序的 doGet 部分，页面由

呈现

return HtmlService.createTemplateFromFile("home").evaluate();

如何在导航栏页面中编写内联代码？呈现时，所有 javascript 都显示为编码 html.

提前致谢

Answer 1

您应该创建一个 HtmlTemplate 对象并 evaluate 它而不是创建一个 HtmlOutput。

参考：Class HtmlTemplate

A template object for dynamically constructing HTML.

function include(filename) {
  return HtmlService.createTemplateFromFile(filename).evaluate().getContent();
}

如何在 Google 应用程序脚本中将内联 javascript 添加到导航模板

how can i add inline javascripts to navigation template in Google App Scripts

javascript

google-apps-script