Как получить доступ к последнему элементу в массиве Handlebars.js?

Учитывая следующую структуру данных:

{
    "name" : "test",
    "assetType" : "Home",
    "value" : [ 
        {
            "value" : "999",
            "date" : "10/03/2018"
        }, 
        {
            "value" : "1234.56",
            "date" : "10/04/2018"
        }
    ]
}

Как я могу получить прямой доступ к первому и последнему элементу value в Handlebars? Мой код:

<td>{{value.[0].value}}</td>
<td>{{value.[value.length - 1].value}}</td>

Первый оператор работает нормально, но я не могу понять, как получить доступ к последнему элементу. value.length внутри [] не возвращает никакого значения, но рендеринг value.length вне массива работает нормально.

Я пробовал использовать @first и @last в массиве, но они, похоже, тоже не работают.

Вам нужно создать вспомогательную функцию. Посмотрим, поможет ли это: stackoverflow.com/questions/11479094/…

— 20.10.2018 07:08

meteor handlebars.js spacebars

20.10.2018 06:51

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Как уже указывалось, вы можете легко решить эту проблему с помощью помощник по шаблону:

Template.myTemplate.helpers({
  first (arr) {
    return arr && arr[0]
  },
  last (arr) {
    return arr && arr[arr.length - 1]
  },
  atIndex (arr, index) {
    return arr && index >= 0 && index <= arr.length - 1 && arr[index]
  }
})

Затем вы можете создать контекст с помощью #with, где объект контекста является результатом помощников. Внутри этого контекста вы можете получить доступ к свойствам с помощью this.

Доступ к значениям с именем value будет выглядеть следующим образом:

<td>{{#with first value}}{{this.value}}{{/with}}</td>
<td>{{#with last value}}{{this.value}}{{/with}}</td>
<td>{{#with atIndex value 5}}{{this.value}}{{/with}}</td>

22.10.2018 11:43

Другие вопросы по теме

Итерирование значений массива с помощью handlebars #each loop

Как написать скрипт на Node.JS-Express с шаблоном Handlebars

Передача выходных данных компонента Handlebars в качестве параметра помощнику

Как отфильтровать веб-страницу по отправке формы или щелчку по ссылке и обновлению страницы?

Проблемы с работой помощника на руле + экспресс

Отправка объектов на страницу шаблона руля

Почему я получаю нулевое значение, когда передаю аргумент, который уже отображается?

Кнопка динамической экспресс-оплаты PayPal

Сложный адаптивный HTML-макет с использованием CSS

Как написать собственный помощник для руля и использовать его в patternlab-node?

Как получить доступ к последнему элементу в массиве Handlebars.js?

Ответы 1

Другие вопросы по теме

Похожие вопросы