Html 无法在meteor中使用手柄@first data property

我正在将我过去的车把项目渲染到meteor应用程序中，但似乎有它不支持的

@data

属性。就像我用来制作反应式幻灯片的

@first

var carousel=[
{
电影：“img_1.jpg”，
描述：“第一个”
},
{
电影：“img_2.jpg”，
描述：“第二个”
},
{
电影：“img_3.jpg”，
描述：“第三个”
}
];
Template.hello.helpers（{net:carousel}）；

{{#每个网}
{{/每个}}
.....

我想知道是否有办法通过外部软件包或简单的js函数绕过限制。

第三方软件包 有一个名为raix:handlebar helpers的包，它实现了$last等helpers。请参阅：

Blaze内置变量 Blaze有一个内置的特殊变量

@index

，可以在

#each

的主体内使用该变量来获取序列中当前渲染值的基于0的索引

有关更多详细信息，请参阅

---

然而，这需要进一步的工作来实现

第一个

/

最后一个

帮助程序。似乎第一部分是文本而不是代码，无论如何，它是我在模板中使用的数组和帮助程序，您可以添加到您的答案中，如果只需要第一个元素，那么实现它以支持包是有意义的，而当需要更多的助手（如last和eq）时，包是有意义的。

<div id="MyCarousel" class="carousel slide" data-ride="carousel">

    <div class="col-md-9">
        <ol class="carousel-indicators">
            <li id="data-target" data-slide-to="0" 
                             class="active"> </li>
            <li id="data-target" data-slide-to="1"> </li>
            <li id="data-target" data-slide-to="2"> </li>
        </ol>
      <div class="carousel-inner" role="listbox">
        {{#each net}}
        <div class="carousel {{@index}}">
          <img class="first-slide" alt="slide {{#if 
                $first}}active{{/if}}">
          <div class="container">
            <div class="carousel-caption">
              <div class="col-md-8">
                <h2>JAX 2015</h2>
                <hr/>
                <p>{{desc}}</p>
                </div>
                  <div class="col-md-4">
                    <div class="carousel-image">
                      <img src="{{film}}" alt="Slide Image" 
                               />
                    </div>
                  </div>
                </div>
              </div>
            </div>
           {{/each}}
        </div>
                .....
    </div>
  </div>