Brisket TemplateAdapter for using template strings
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>"