Используйте тот же шаблон рулевой колонки для всех страниц

Question

У меня есть этот прецедент, где я бы хотел иметь одну навигационную панель для всех страниц. Техника, которую я использовал до сих пор, заключалась в том, чтобы сохранить внешний файл JSON и извлечь его с помощью библиотеки jQuery .getJSON. Я использовал методы JQuery DOM для генерации HTML.

Что я нахожу грязным и хотел бы использовать шаблон Handlebars. Но я сомневаюсь, что в Handlebars вы добавляете скрипт внутри тега скрипта внутри HTML. Итак, есть ли способ написать отдельный шаблон Handlebars и вызвать его на всех страницах?

Я проделал поиск и ничего не нашел. Я просто спрашиваю, могу ли я вставить шаблон Handlebars вроде этого или мне нужно явно вставлять все страницы, для которых мне нужен navbar? Другими словами, можно добавить шаблон Handlebars внутри файла xyz.js.

Answer 1

Короткий ответ: да, вы можете. Вы можете либо precompile your templates в один файл JavaScript, и вставить их в свой документ с помощью JavaScript, используя partial или с гибридным методом such as this one by Tal Bereznitskey, что позволяет смешивать и сопоставлять предварительно скомпилированные и несжатые шаблоны.