Giter Club home page Giter Club logo

Comments (4)

Gedis avatar Gedis commented on July 16, 2024

you are referring outerHTML feature, which is not natively available in jQuery (and this is not tmpl problem). Although you could use this workaround:

$( .... ).wrapAll( '

' ).parent().html()

from jquery-tmpl.

BorisMoore avatar BorisMoore commented on July 16, 2024

Yes, this is a feature we hope to provide in Beta2. See also the following, copied from
http://github.com/nje/jquery-tmpl/issues/16

This feature is already available, but not very discoverable:

<script id="personTmpl" type="text/x-jquery-tmpl">
</script>
<script type="text/javascript">
    var somedata = [
        { name: "John", condition:"a>b" },
        { name: "Pete", condition:"b<a" }
    ];

    var tmplFn = $( "#personTmpl" ).template();

    var xmlResult = $.map( somedata, function( item ) {
        return tmplFn( $, { data: item } );
    }).join("");

</script>

Of course, although the above is reasonably easy to use, it is not at all discoverable. We should consider providing a discoverable API for this.

Note that calling tmpl() does indeed create DOM elements, and even adds jQuery data expandos to them, so even if you get the HTML string of the result, it will not be clean.

The above approach does not use the DOM at all, and so can also run on the server, etc. For attribute strings you may have characters that would be HTML encoded (as in my example above), so the {{html foo}} tag is appropriate in the template, rather than ${foo}.

from jquery-tmpl.

rdworth avatar rdworth commented on July 16, 2024

Thanks for taking the time to submit this issue. Just wanted to let you know this plugin is no longer being actively developed or maintained by the jQuery team. See README for more info.

from jquery-tmpl.

BorisMoore avatar BorisMoore commented on July 16, 2024

See issue 159.

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.