在另一个内部渲染模板

时间:2014-10-04 10:47:55

标签: handlebars.js

我是handlebars.js的新手,所以如果这是基本的,请原谅我。 我有一个gulp任务设置正在构建所有内容并为我创建一个template.js文件。

我创建了2个模板main.hbs& child.hbs

在我的main.hbs内,我有UL设置,例如

<ul class="events" id="event-list">
    {{#events}}
    <!--here just to test list is populating<li>{{Title}}</li>-->
          //tried no luck  {{> child}}
          //no luck{{child}}
          //no luck {{{child}}}

    {{/events}}
</ul>

我的child.hbs看起来像

<li class="wrapper job-detail" data-roleid="{{Id}}">
        ..
    <p class="mb5"><span class="semibold">{{Title}}</span> - {{Date}}</p>
    ..
</li>

如何让我的子模板渲染?我知道这两个模板都可以正常工作,因为我可以同时调用它们,并且每个模板都有效。

gulp.task('templates', function () {
gulp.src('asserts/templates/**/*.hbs')
  .pipe(handlebars())
  .pipe(wrap('Handlebars.template(<%= contents %>)'))
  .pipe(declare({
      namespace: 'se.templates',
      noRedeclare: true, // Avoid duplicate declarations
  }))
  .pipe(concat('templates.js'))
  .pipe(gulp.dest('asserts/js/'));
   });

0 个答案:

没有答案