невозможно использовать рулевое управление @first данных в метеор - PullRequest
Новая
       39

невозможно использовать рулевое управление @first данных в метеор

0 голосов
/ 07 июня 2019

Я рендерил свои прошлые проекты руля в метеорное приложение, но кажется, что есть @data свойства, которые оно не поддерживает.Как @first, который я использовал для создания реактивного слайд-шоу. 

var carousel = [
    {
        film:"img_1.jpg",
        desc:"the first"
    },
    {
        film:"img_2.jpg",
        desc:"the second"
    },
    {
        film:"img_3.jpg",
        desc:"the third"
    }
];

Template.hello.helpers({net:carousel});


<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>

Я хотел знать, есть ли способы обойти ограничение через внешние пакеты или просто jsфункция.

1 Ответ

1 голос
/ 07 июня 2019

пакет сторонних производителей

Существует пакет raix: handlebar-helpers, который реализует такие помощники, как $ last и т. Д. См .: https://atmospherejs.com/raix/handlebar-helpers

Встроенная переменная Blaze

Blaze имеет встроенную специальную переменную @index, которую можно использовать внутри тела #each, чтобы получить основанный на 0 индекс текущего отображаемого значения в последовательности.

См. http://blazejs.org/api/spacebars.html#Each для получения более подробной информации.

Это, однако, потребует дальнейшей работы для реализации first / last помощников, использующих это.

...