Блог

Я создаю приложение на nodejs и express. Я получаю данные json из конечной точки и отображаю их на странице в соответствии со значениями, которые я получаю.

Проблема в том, что, если я получу нулевое или неопределенное значение из данных json, как я скрою весь элемент.

вот мой код :

         var obj = JSON.parse(body)

        res.render("index", {
          name : `${obj.data.name}`,
          uname : `${obj.data.username}`,

          bio : `${obj.data.bio}`,
          location : `${obj.data.location}`,
          link : `${obj.data.website}`
 

отображение значений на странице шаблона hbs :

 <div class="ml-9 w-full mt-1 px-3 mb-5 inline-block">
        <div class="inline-block mr-5">
            <i class="fas fa-map-marker-alt text-lg opacity-75 inline"></i>
            <p  class="text-xl inline ml-2 bio">{{location}}</p>
        </div>
        <div class="inline-block mx-5">
            <i class="fas fa-link text-lg opacity-75 inline"></i>
            <p  class="text-xl inline ml-2 link text-blue-400">{{link}}</p>
        </div>
        <div class="inline-block mx-5">
            <i class="fas fa-calendar-alt text-lg opacity-75 inline"></i>
            <p  class="text-xl inline ml-2 bio">{{join}}</p>
        </div>
</div>
 

Теперь, если я получу нулевое или неопределенное местоположение или биографию, как я скрою весь div.

Вы можете использовать условие IF внутри шаблона hbs.

 {{#if location}}
<p  class="text-xl inline ml-2 bio">{{location}}</p>
{{/if}}
 

Он выведет значение только в том случае, если оно присутствует.

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

Используйте {{#если}} . Я думаю, это решит вашу проблему