Giter Club home page Giter Club logo

Comments (6)

jzaefferer avatar jzaefferer commented on July 16, 2024

There's a macro for comments, though not yet documented: https://github.com/jquery/jquery-tmpl/blob/master/tests/core.js#L134

from jquery-tmpl.

BorisMoore avatar BorisMoore commented on July 16, 2024

A template tag, yes: {{! This is a comment }}. That is how to comment templates without your comment getting rendered with the rendered template.

We don't currently attempt to support rendering out HTML comments. I have not tested that. But the tmplItem is added to elements that do not have a parent element within the rendered template instance. Those elements have a comment parent, so are getting marked as top-level.

Current plan is not to target this scenario...

from jquery-tmpl.

BorisMoore avatar BorisMoore commented on July 16, 2024

Closing for now, as unsupported scenario.

from jquery-tmpl.

tauren avatar tauren commented on July 16, 2024

Boris,

I just updated to the latest jquery-tmpl.js from master and cannot seem to get template commenting to work. From your comment, it sounds like this should work:

Before {{! <p>${x}</p> }} After

However, it renders to this:

Before <p></p> }} After

Try it:

$.tmpl("Before {{! <p>${x}</p> }} After",{x:"Hello"})

Shouldn't this work?

from jquery-tmpl.

BorisMoore avatar BorisMoore commented on July 16, 2024

You need to put the comment before the part you want to render. A comment {{! xxx}} should not contain other tags...

The following should work:
$.tmpl("Before {{! }}<p>${x}</p> After",{x:"Hello"}).appendTo("#result");

from jquery-tmpl.

tauren avatar tauren commented on July 16, 2024

Boris,

That's the point I was trying to make. While debugging, it would be nice to be able to comment out a bunch of HTML, even if it includes other tags. Right now that isn't possible.

Thanks,
Tauren

from jquery-tmpl.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.