如何将变量从 Code.gs 传递到包含的脚本片段

Question

So I understand that to put a variable in my HTML template I need to do所以我知道要在我的 HTML 模板中放置一个变量，我需要做

var html = HtmlService.createTemplateFromFile('Index')    
html.data = data
html = html.evaluate();

and then call it in the HTML with然后在 HTML 中调用它

<?= data ?>

But then if I include a script tag snippet with (in the Code.gs file)但是，如果我包含一个脚本标记片段（在 Code.gs 文件中）

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

and then include my script snippet in the HTML with然后在 HTML 中包含我的脚本片段

<?!= include('DataHandler') ?>

How do I call that data variable in the DataHandler script?如何在 DataHandler 脚本中调用该data变量？

Answer 1

Change the include function to evaluate data:更改include function 以评估数据：

function include(filename, ...otherData) {
  var html = HtmlService.createTemplateFromFile('Index')    
  otherData.forEach(obj => html[obj.key] = obj.value)
  return html.evaluate();
}

Then use include like:然后使用include ：

<?!= include('DataHandler', {key:data, value: [1,2,3]}) ?>

Answer 2

I don't really use templates much but this worked for me:我并没有真正使用模板，但这对我有用：

HTML: HTML：

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <div id="lnk"><?= data?></div>
    <script>
      var gdata=<?= data ?>
      window.onload=function(){
        google.script.run.writeData(gdata);
      }
      console.log("My Code");
    </script>
  </body>
</html>

GS: GS：

function launchmydialog() {
  let ui=HtmlService.createTemplateFromFile('ah1');
  ui.data="Hello Work";
  SpreadsheetApp.getUi().showModelessDialog(ui.evaluate(),'Title');
}

function writeData(data) {
  SpreadsheetApp.getUi().alert(data);
}

如何将变量从 Code.gs 传递到包含的脚本片段

问题描述

2 个解决方案

解决方案1
3 已采纳 2021-01-31 18:20:35

解决方案2
0 2021-01-31 02:44:13

如何将变量从 Code.gs 传递到包含的脚本片段

问题描述

2 个解决方案

解决方案1 3 已采纳 2021-01-31 18:20:35

解决方案2 0 2021-01-31 02:44:13

解决方案1
3 已采纳 2021-01-31 18:20:35

解决方案2
0 2021-01-31 02:44:13