Добавление дополнительного тега <li>после некоторого количества динамических тегов <li> - PullRequest
Новая
       6

Добавление дополнительного тега <li>после некоторого количества динамических тегов <li>

0 голосов
/ 11 октября 2018

Refer to the image У меня есть массив элементов, которые являются результатами поиска по двум категориям.Мне нужен дополнительный тег <li>, динамически добавляемый после завершения результатов поиска по первой категории, я не могу поместить второй подзаголовок сразу после окончания результатов из первой категории 

   <ul class="dropdown-menu" 
       ng-show="isOpen() && !moveInProgress" 
       ng-style="{top: position().top+'px', left: position().left+'px'}" 
       role="listbox" aria-hidden="{{!isOpen()}}">

       <li class='ng-scope active' 
           style='line-height: 30px;color:#fff;background-color: #428bca; padding-left:25px'>
         <b>Top Catalog Items</b>
         <a href='search_results_page_url' 
            style='float:right'>
            Show More Results
         </a>
       </li>
       <li role='option' 
           aria-hidden='true' 
           style='display: none'>
       </li>   
       <li ng-repeat-start="match in matches" 
         ng-class="{active: isActive($index)}" 
         ng-mouseenter="selectActive($index)" 
         ng-click="selectMatch($index, $event)" 
         role="option" 
         id="{{::match.id}}">

         <div uib-typeahead-match 
            index="$index" 
            match="match" 
            query="query" 
            template-url="templateUrl">
         </div>

       </li>
       <li class='ng-scope active' 
           style='line-height: 30px;color: #fff;background-color: #428bca; padding-left:25px' 
           ng-if="$index-1 % ($index+1/2) == 2" 
           ng-repeat-end>
           <b>Top Knowledge Articles</b>
           <a href='search_results_page_url' 
              style='float:right'>
              Show More Results
            </a>
        </li>  
     </ul>
...