template-string-brisket v2.0.0

template-string-brisket

Brisket TemplateAdapter for using template strings

Usage

import TemplateStringAdapter from "template-string-brisket";
import { View, Model } from "brisket";

const ExampleView = View.extend({

    templateAdapter: TemplateStringAdapter,

    logic() {
        return { "hello": "world" };
    },

    template: ({ modelHello, hello }) => {
        return `<span>model: ${modelHello}, logic: ${hello}</span>`
    }

});

const model = new Model();
model.set("modelHello", "modelWorld");

const view = new View({ model });
view.render().el.innerHTML // "<span>model: modelWorld, logic: world</span>"

OR with simple strings

import TemplateStringAdapter from "template-string-brisket";
import { View } from "brisket";

const SOME_LOCAL_CONTENT = "slc";

const ExampleView = View.extend({

    templateAdapter: TemplateStringAdapter,

    template: `<span>${SOME_LOCAL_CONTENT}</span>`

});

view.render().el.innerHTML // "<span>slc</span>"