wie Vorlage zu machen, basierend auf Zustand in Javascript

Question

Wie eine Vorlage zu machen, basierend auf JavaScript bedingten Anweisung dh

<script type="text/javascript"> 
    if(localStorage.getItem("signedIn")=="True"){ 
     {% include 'shared/headers/simple-header.html' %} 
    }else{ 
     {% include 'shared/headers/loggedin-header.html' %} 
    } 
</script> 

Above Code funktioniert nicht und es gibt mir Fehler in der JavaScript-Konsole

, was das ist Best Practice, danke im Voraus.

Answer 1

Die {% %} Vorlage Magie führt vor dem Javascript. So injizieren Sie im Wesentlichen HTML-Code in Ihr Javascript. {% %} ist auf dem Server (Server-Seite) erfolgt und an die Vorlage gesendet. Javascript wird nach dem Empfang der Vorlage im Browser (Client-Seite) ausgeführt.

Das ist ein bisschen hacky, aber bekommt um das Timing-Problem:

<div id="simpleHeader" style="display:none;"> 
    {% include 'shared/headers/simple-header.html' %} 
</div> 
<div id="loggedInHeader" style="display:none;"> 
    {% include 'shared/headers/loggedin-header.html' %} 
</div> 

<script> 
    if(localStorage.getItem("signedIn")=="True"){ // if string "True", no quotes if Boolean True 
     document.getElementById("loggedInHeader").style.display = "block"; 
    }else{ 
     document.getElementById("simpleHeader").style.display = "block"; 
    } 
</script> 

besser wären Login auf der Server-Seite zu überprüfen.