流星空格键

时间:2015-05-21 02:52:35

标签: javascript html meteor spacebars

我在访问Collection.find()返回的索引时遇到问题。在HTML中,我正在创建一个旋转木马,我想让图像动态化。在让它变得动态之前,这就是它的样子:

<div class="carousel-inner">
  <div class="item active">
    <img src="img/homepage/sliders/1.jpg">
  </div>
  <div class="item">
    <img src="img/homepage/sliders/2.jpg">
  </div>
</div>

实施后,这是新代码:

<div class="carousel-inner">
  {{#each sliders}}              
     <div class="item active">
       <img src="{{this.url}}">
     </div>
  {{/each}}
</div>

以下是我的JS的样子:

Template.homepageSlider.helpers({
    sliders: function() {
        return HomepageSliders.find({}, {fields: {url:1}}).fetch();
    }
});

这种工作正常,但我想在第一个索引上添加“活动”类。我该怎么做?

非常感谢!

1 个答案:

答案 0 :(得分:0)

这样的事情应该有效。

JS:


2.1.6 :003 > Menu.create(naame: 'aa')
ActiveRecord::UnknownAttributeError: unknown attribute 'naame' for Menu.

HTML:

Template.homepageSlider.helpers({
    sliders: function() {
        return _.map(HomepageSliders.find({}, {fields: {url:1}}).fetch(),
                     function(val, index) { 
                          return {value: val, 
                                  class: (index == 0 ? "item active" : "item")} 
                     });
    }
});