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

[Hardikkkkkkk]

Привет,

Как вы можете видеть в этом примере, который я создал на 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}}

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

 

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

Я не смог найти решения с помощью Handlebars.js, поэтому сделал это на JavaScript.

(function removeNoImage() { for(let key in data.staff) { if(data.staff[key].image_url.indexOf('questionmark') !== -1) { delete data.staff[key]; } }
})();

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