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

  • Автор темы Neat
  • Обновлено
  • 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}}
Код (разметка):

Neat


Рег
20 Mar, 2007

Тем
68

Постов
190

Баллов
540
  • 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];
 }
 }
})();
Код (разметка):
 

Mxnifxlupz


Рег
13 May, 2011

Тем
69

Постов
221

Баллов
596
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно