2015-06-08 4 views
1

Я работаю с проектом Экспресс Рули и есть шаблон foo.hbs и имеет некоторые Javascript Я хочу, чтобы вставить ниже тегов сценария в layout.hbs:Вставка кода шаблона ниже кода в Рули layout.hbs

<!DOCTYPE html> 
<html> 
    <head> 
    <title>{{title}}</title> 
    <link rel='stylesheet' href='/stylesheets/style.css' /> 
    </head> 
    <body> 
    {{{body}}} 
    <script type="text/javascript" src="../bower_components/jquery/dist/jquery.js"></script> 
    <script type="text/javascript" src="../bower_components/bootstrap/dist/js/bootstrap.js"></script> 
    <!-- INSERT custom code here --> 
    </body> 
</html> 

Так если foo.hbs был следующим:

<p>Hello World</p> 
<!-- Want to insert this below script tags in layout.hbs --> 
<script> 
    // Some script that requires jQuery 
</script> 

Любые идеи?

Cheers.

ответ

0

Создайте помощник для добавления файлов css/js.

  1. Создать файл. Назовите его helpers.js следующим content.

  2. При создании экземпляра руля прикрепите вышеуказанный помощник.

    exphbs.create({ extname :'hbs', defaultLayout: 'layout', helpers : require('PATH-TO/helpers'), });

  3. В layout.hbs, делают метки, добавляя {{{renderJS js}}} перед тем </body>

  4. Приложить маршрут Js файлы на основе просмотра данных.

    res.render('/foo', { 'js': ['/path/to/1st-custom-js.js', 'path/to/2nd-custom-js.js'] });

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

  • Нет связанных вопросов^_^