Не удается создать Html элемент результатов поиска со списком изображений. Dynami c поиск - PullRequest
0 голосов
/ 03 мая 2020

У меня есть json файл с информацией о сообщениях, пытаясь создать поиск для сайта c Hu go. Но я могу получить данные логотипов и создать результат поиска.

 {
      "categories":[
         "Software Development"
      ],
      "category_image":"/v1588093492/uploads/Featured_xxoyix.svg",
      "content":"",
      "description":"Make it easy for your team to submit high-quality bug reports.",
      "logos":[
         {
            "and_more":false,
            "logo":"/v1587724268/uploads/jira-1_template_xfenil.svg",
            "name":"Jira"
         },
         {
            "logo":"/v1587724316/uploads/monday-200x200_gsoirl.svg",
            "name":"Monday"
         },
         {
            "logo":"/v1587724345/uploads/Basecamp_dqamp5.svg",
            "name":"Basecamp"
         },
         {
            "logo":"/v1587724384/uploads/asana_normim.svg",
            "name":"Asana"
         },
         {
            "logo":"/v1587724416/uploads/Slack_mm01l2.svg",
            "name":"Slack"
         }
      ],
   },

часть моего js, чтобы получить данные из JSON

                    idx = lunr(function() {
                        this.ref('url')
                        this.field('title')
                        this.field('content')
                        this.field('small_description')
                        this.field('logos');

                        res.forEach(function(doc) {
                            this.add(doc)
                            documents[doc.url] = {
                                'title': doc.title,
                                'content': doc.content,
                                'small_description': doc.small_description,
                                'logos': doc.logos,
                            }
                        }, this)
                    })

, используя для получения заголовка

${documents[result.ref].title}

используя для получения URL

  ${result.ref}

Мой вопрос: что я должен сделать, чтобы получить "logos"> lo go (путь) в диапазоне? Макс три.

<ul class="use_list">
  <li>
    <img src="" alt="">
  </li>
  <li>
     <img src="" alt="">
  </li>
  <li>
    <img src="" alt="">
</li>
</ul>


...