2016-02-15 3 views
0

У меня есть файл index.html, который я использую в качестве базового файла. Затем я хочу разделить разделы сайта на более мелкие файлы, чтобы включить его в базовый файл. Я пытаюсь сделать это с помощью меню навигации. Я использую браузер для включения файлов шаблонов.Включая другие файлы шаблонов в Handlbars

index.html

<body> 
    <div id="nav-template"></div> 
</body> 

nav.handlebars

<script id="nav-template" type="text/x-handlebars-template"> 
    <p>This Is A Nav</p> 
</script> 

тогда я бегу Рули nav.handlebars -f templates.js

app.js

var $ = require('jquery'); 
var Handlebars = require('handlebars'); 
var templates = require('./templates'); 

var template = Handlebars.templates['nav-template'] 
var html = template(); 

$('#nav-template').html(html); 

Я ничего не получаю owser и без ошибок.

+0

Вы используете browserify с рулю преобразования? (Если так, я думаю, вы должны добавить его к вопросу) –

+0

Да, я. Обновленный вопрос спасибо – Mantis

+0

, когда вы 'console.log (Handlebars.templates)', у вас есть ключ 'nav-template'? Также каковы результаты 'console.log (html)'? –

ответ

0

nav.handlebars должно быть:

<p>This Is A Nav</p> 

Нет необходимости в script разметки при использовании внешних handlerbar файлов

+0

Спасибо за ваш ответ. Я попробовал оба и получил тот же результат – Mantis

Смежные вопросы