Handlebars.js – отображать данные только в том случае, если {{ image_url }} не содержит «вопросительный знак».

  • Автор темы Hardikkkkkkk
  • 46
  • Обновлено
  • 14, May 2024
  • #1
Привет, Как вы можете видеть в этом примере, который я создал на Codepen, некоторые данные не имеют изображения, и всякий раз, когда изображения нет, отображается изображение-заполнитель:
https://codepen.io/itsthomas/pen/WyBazO

Есть ли способ в Handlebars.js сказать, что данные отображаются только в том случае, если {{ image_url }} не содержит «вопросительный знак»?
Что-то вроде этого?
 

{{#each this}}

{{#if image_url !contains "questionmark"}}

<li class='list-container'>

<div class="image-container">

<img src="{{ image_url }}">

</div>

<div class="name-container">

{{ name }}

</div>

<div class='role-container'>{{{ role }}}</div>

</li>

{{/if}}

{{/each}}

Код (разметка):

Hardikkkkkkk


Рег
10 Jan, 2016

Тем
1

Постов
2

Баллов
12
  • 21, May 2024
  • #2
Я не смог найти решения с помощью Handlebars.js, поэтому сделал это на JavaScript.
 
(function removeNoImage() {

for(let key in data.staff) {

if(data.staff[key].image_url.indexOf('questionmark') !== -1) {

delete data.staff[key];

}

}
})();
Код (разметка):
 

Вероника Веселова


Рег
13 May, 2011

Тем
0

Постов
3

Баллов
3
Тем
49554
Комментарии
57426
Опыт
552966

Интересно