Усы Handlebars.js частично получить все объекты в списке

У меня есть список объектов (структура списка должна оставаться прежней)

Я хочу передать в свой html-фрагмент все данные, например titleintro, а остальные из ranges

Моя часть в моем HTML

{{> range-list range-list-page.ranges}}

Мне нужно получить все данные из списка объектов (диапазонов), это сработает, если я удалю bigbob2 и bigbob3, но мне нужно, чтобы они вызывали в bigbob2bigbob3 позже в другом частичном.

когда я меняю свою частичку на

{{> range-list range-list-page.ranges.bigbob2}}

Я получаю данные для bigbob2, как и ожидалось, однако мне нужно получить данные от bigbob2 и bigbob3, как мне это сделать?

так что все, что мне нужно, это вызвать в bigbob2 и bigbob3. Например.

{{> range-list range-list-page.ranges.bigbob2,bigbob3}}

мой массив json

"ranges": {
  "bigbob": [
    {
      "title": "brain patter",
      "intro": "fghtfhthd ",
      "slider": {
        "slides": [
          "//train-pool.jpg"

        ],
        "thumbnails": [
          "//train-blue.jpg"
        ]
      },
      "price": "xxx",
      "promo": [
        "xxx"
      ],
      "colors": [
        {
          "color": "#FFFFFF",
          "label": "Ice",
          "bordered": true,
          "href": "/jjhj.html"
        },
        {
          "color": "#A1ABAA",
          "label": "Azure",
          "href": "/kkkkjjj.html"
        },
        {
          "color": "#726B65",
          "label": "Graphite",
          "href": "/ppp.html"
        }
      ]
    }
  ],
  "bigbob2": [
    {
      "title": "hill",
      "intro": "ojhuohiuphipj.",
      "slider": {
        "slides": [
          "//image/two.jpg"
        ],
        "thumbnails": [
          "//my-image-bee.jpg"
        ]
      },
      "price": "xxx",
      "promo": [
        ""
      ],
      "colors": [

        {
          "color": "#f4eef0",
          "label": "grey",
          "href": "/gg.html"
        },
        {
          "color": "#d8d7d5",
          "label": "blue",
          "href": "/tt.html"
        }
      ]
    }
  ]

},
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
119
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Вы можете использовать помощник руля withBefore.

{{#withBefore range-list-page.ranges 3}}
  {{>range-list this}}
{{/withBefore}}

Также, если вы хотите использовать партиал с каждой парой из массива, вы можете использовать помощник руля withGroup. Нравится:

{{#withGroup range-list-page.ranges 2}}
  {{#each this}}
    {{>range-list .}}
  {{each}}
{{/withGroup}}

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