Как выполнить поиск с помощью json и показать выбранные детали проекта из результатов поиска в формате HTML? - PullRequest
0 голосов
/ 01 мая 2018

У меня есть файл json с именем default.json. В поиске имя проекта или идентификатор проекта в поле поиска. В окне поиска выбранной формы результатов должны отображаться сведения о проекте и имя выбранного проекта боковой панели.

вот результат, показанный в json:

    "projects": [
    {
        "instances": null,
        "name": "decodingideas",
        "projectid": "decodingideas-147616",
        "projectnumber": 334691107943,
        "orgid": "",
        "orgname": "",
        "parentid": "",
        "parenttype": ""
    },
    {
        "instances": null,
        "name": "pupil-workers",
        "projectid": "pupil-workers",
        "projectnumber": 455648594684,
        "orgid": "",
        "orgname": "",
        "parentid": "",
        "parenttype": ""
    },

HTML-код окна поиска:

  <nav class="navbar navbar-dark sticky-top flex-md-nowrap p-0" 
  style="background-color:#3B78E7">
  <a class="navbar-brand col-sm-3 col-md-2 mr-0"  href="#">GCP Projects</a>
  <input class="form-control form-control-dark w-100" type="text" 
placeholder="Search" aria-label="Search">
  <ul class="navbar-nav px-3">
    <li class="nav-item text-nowrap">
      <a class="nav-link" href="#">Sign out</a>
    </li>
  </ul>
</nav>

Вот скриншот, который мне был нужен: enter image description here

вот скриншот 2 enter image description here

1 Ответ

0 голосов
/ 01 мая 2018

Вы можете использовать Lodash . Это простая в использовании и очень полезная библиотека.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...