notTemplate_demo.js

var dataSetSingle = {
    title: 'this is title',
    body: 'this is body',
    new: function () {
        return true
    }
};

var dataSetArray = [
    {
        title: 'title 1',
        body: 'body 1',
        authorName: 'me',
        new: true
    },
    {
        title: 'title 2',
        body: 'body 2',
        authorName: 'me',
        new: true
    },
    {
        title: 'title 3',
        body: 'body 3',
        authorName: 'me',
        old: function () {
            return true;
        }
    },
    {
        title: 'title 4',
        body: 'body 4',
        authorName: 'me'
    },
    {
        title: 'title 5',
        body: 'body 5',
        authorName: 'me',
        tags: ['some', 'tags']
    }
 ];

var dataForSelect = {
    title: 'Select title',
    name: 'select',
    value: 3
};

var selectHelpers = {
    options: [
        {'_id': 0, 'title': 'option 0'},
        {'_id': 1, 'title': 'option 1'},
        {'_id': 2, 'title': 'option 2'},
        {'_id': 3, 'title': 'option 3'},
        {'_id': 4, 'title': 'option 4'},
        {'_id': 5, 'title': 'option 5'},
        {'_id': 6, 'title': 'option 6'},
        {'_id': 7, 'title': 'option 7'},
        {'_id': 8, 'title': 'option 8'},
    ]
};

var helpers = {
    capitalize: function (item, index) {
        return item.toUpperCase(item.title);
    }
};

$(function () {
    var singleElementContent = (new notTemplate({templateName: 'singleTemplate', data:dataSetSingle})).exec();
    console.log(singleElementContent);
    $('#singleElement').append(singleElementContent);

    var selectElementContent = (new notTemplate({templateName: 'selectTemplate', data:dataForSelect, helpers: selectHelpers})).exec();
    $('#selectElement').append(selectElementContent);

    var manyElementsContent = (new notTemplate({
        templateURL: 'templateMany.html',
        data: dataSetArray
    })).exec(
        function (manyElementsContent) {
            console.log(manyElementsContent);
            $('#manyElements').append(manyElementsContent);
        });

});