leshill / handlebars_assets

Use handlebars.js templates with the Rails asset pipeline.
MIT License
649 stars 159 forks source link

handlebars outputting the javascript in the view and not rendering it. #159

Closed bill-siftlocal closed 1 year ago

bill-siftlocal commented 7 years ago

Why is the page rendering with the javascript being output and not being executed?

i.e.

<div id="print-top-header">(function() {
  var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
templates['top-header'] = template({"compiler":[7,"&gt;= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
    return " <nav id="\&quot;mainNav\&quot;" class="\&quot;navbar" navbar-default="" navbar-fixed-top\"="">\n        <div class="\&quot;container\&quot;">\n            <!-- Brand and toggle get grouped for better mobile display -->\n            <div class="\&quot;navbar-header\&quot;">\n                <button type="\&quot;button\&quot;" class="\&quot;navbar-toggle" collapsed\"="" data-toggle="\&quot;collapse\&quot;" data-target="\&quot;#bs-example-navbar-collapse-1\&quot;">\n                    <span class="\&quot;sr-only\&quot;">Toggle navigation</span>\n                    <span class="\&quot;icon-bar\&quot;"></span>\n                    <span class="\&quot;icon-bar\&quot;"></span>\n                    <span class="\&quot;icon-bar\&quot;"></span>\n                </button>\n                <button type="\&quot;button\&quot;" class="\&quot;navbar-toggle" search-collapsed="" collapsed\"="" data-toggle="\&quot;collapse\&quot;" data-target="\&quot;#top-search\&quot;">\n                    <span class="\&quot;sr-only\&quot;">Toggle navigation</span>\n                    <span><i class="\&quot;fa" fa-search\"="" aria-hidden="\&quot;true\&quot;"></i></span>\n                </button>\n                <a class="\&quot;navbar-brand" page-scroll="" logo\"="" href="\&quot;/sift/\&quot;">\n                    <img src="\&quot;/sift/img/logo-green.svg\&quot;" alt="\&quot;Sift" local="" logo\"="">\n                </a>\n            </div>\n            <!-- Collect the nav links, forms, and other content for toggling -->\n            <div class="\&quot;collapse" navbar-collapse\"="" id="\&quot;bs-example-navbar-collapse-1\&quot;">\n                <ul class="\&quot;nav" navbar-nav="" navbar-left\"="">\n                    <li><a href="\&quot;#\&quot;">Discover</a></li>\n                    <li><a href="\&quot;/sift/signed-in-people.html\&quot;">Makers</a></li>\n                    <li><a href="\&quot;#\&quot;">Events</a></li>\n                </ul>\n                <ul class="\&quot;nav" navbar-nav="" navbar-right\"="">\n                    <li>\n                        <a href="\&quot;#\&quot;">Sign Up</a>\n                    </li>\n                    <li>\n                        <a href="\&quot;/sift/signed-in.html\&quot;">Sign In</a>\n                    </li>\n                </ul>\n            </div>\n            <!-- /.navbar-collapse -->\n        </div>\n        <!-- /.container-fluid -->\n    </nav>";
},"useData":true});
})();</div>
AlexRiedler commented 7 years ago

hey @bill-siftlocal what version are you using; and could you give an example of the input file?

AlexRiedler commented 1 year ago

closed due to inactivity