ParseError.tagTemplateNotFound("short\").val")

Question

Je travaille sur une application Vapor très simple. Je travaille actuellement sur l'une des vues :

#extend("base")

#export("body") {
    <form>
        <div class="row">
                <div class="six columns">
                    <label for="exampleEmailInput">Acronym</label>
                    <input class="u-full-width" type="email" id="short">
                    </div>
                <div class="six columns">
                    <label for="exampleRecipientInput">Long form</label>
                    <input class="u-full-width" type="email" id="long">
                </div>
        </div>
    </form>
    <div class="row">
        <div class="five columns"></div>
            <div class="two columns">
                <a class="button button-primary" id="submit" href="stackoverflow.com/acronym/all">Save Acronym</a>
            </div>
        <div class="five columns"></div>
    </div>
    <script>
        function setHref() {
            var short = $("#short").val();
        }
    </script>
}

Ce code fonctionne jusqu'à ce que j'ajoute le short à la variable setHref fonction. Ensuite, j'obtiens une erreur d'analyse :

Uncaught Error: ParseError.tagTemplateNotFound("short\").val"). Use middleware to catch this error and provide a better response. Otherwise, a 500 error page will be returned in the production environment.

Pourquoi cela se produit-il ?

Answer 1

Leaf trouve #short et l'analyse comme une balise. Je pense que vous recherchez un mécanisme d'échappement. Voici quelques options :

#()short => #short
#raw() { #short } => #short