テンプレートページのGASネスティングスクリプレット

Question

これがなぜ機能しないのか理解しようとしています。ページの残りの部分はうまくロードされますが、メニュー項目は「HtmlOutput」と表示されます。ボタンやリンク、テキスト以外は表示されません。 mBar divの何も表示されません - テキスト（ "HtmlOutput"）。私も印刷を試みて、menuBar.htmlファイルにscickpletを強制的に印刷しました。

Code.gs

function doGet(e) { 
    var html = HtmlService 
    .createTemplateFromFile('index') 
    .evaluate() 
    .setSandboxMode(HtmlService.SandboxMode.IFRAME); 
    return html; 
} 

function include(file, appData) { 

    var component = HtmlService.createTemplateFromFile(file); 
    component.data = appData; 
    return component.evaluate(); 

} 

index.htmlを

<div id="mainContent" class="w3-hide"> 

    <!-- Menu Bar --> 
    <?= include('menuBar', oUser)?> 

</div> 

menuBar.html

<div class="mBar"> 
    <a href="#" class="mBarItem">Select Period</a> 
    <? if (data.isAdmin == true) { ?> 
    <a href="#" class="mBarItem">Manage Periods</a> 
    <a href="#" class="mBarItem">Manage Users</a> 
    <? } ?> 

</div> 

Answer 1

function include(file, appData) { 
    var component = HtmlService.createTemplateFromFile(file); 
    component.data = appData; 
    return component.evaluate().getContent(); 
} 

は、編集：：関数はタイプ文字列を返すので、それをこのように変更する必要があります含ま

また、あなたの付属htmlコードのエスケープを避けるためにforce-printing scriptletsを使用する必要があります（「注意！ "記号）：

<?!= include('menuBar', oUser)?>