Как использовать карты для результатов вместо выпадающего меню? NgbTypeAhead - PullRequest
Новая
       51

Как использовать карты для результатов вместо выпадающего меню? NgbTypeAhead

0 голосов
/ 02 июля 2018

У меня есть строка автозаполнения с использованием начальной и угловой начальной загрузки, как показано ниже: enter image description here

Но я бы предпочел изменить раскрывающееся меню на отдельный контейнер, который содержит список карточек в двух столбцах под строкой поиска в качестве предложений вместо раскрывающегося меню. 

<form class="search_issue" style="width: 1000px;">
      <ng-template #rt let-r="result" let-t="term">
        <div class="row" style="width: 1000px;">
          <div class="col-sm-6">
            <div class="card" style="width: 100%;">
              <div class="card-body">
                <a id="search_label"><i>{{r.type }}</i></a> &ensp; {{ r.name}}
               </div>
             </div>
           </div>
         </div>
       </ng-template>

      <input id="typeahead-template" placeholder="Search for your issue/request/project/platform/team/application" type="text" class="typeahead form-control" [(ngModel)]="model" [ngbTypeahead]="search" [resultTemplate]="rt" [inputFormatter]="formatter" name="Search" />
       <button type="submit" (click)="redirect(model)"><i class="fa fa-search"></i></button>

     </form>

Как мне избавиться от выпадающего списка и настроить свой собственный контейнер предложений? Я довольно новичок в Angular и начальной загрузке, поэтому я не уверен, как это сделать. Я попытался посмотреть, как это сделать, но я не нашел ничего о том, как избавиться от выпадающего меню с помощью ngbTypeahead. Любые ссылки о том, как это сделать, будет принята с благодарностью. Я собираюсь изменить все атрибуты стиля, как только получу нужный формат, поэтому операторы style="" можно игнорировать.

Есть ли способ использовать resultTemplate?

...