ng bootstrap Аккордеон не могу добавить значок стрелки вниз - PullRequest
Новая
       13

ng bootstrap Аккордеон не могу добавить значок стрелки вниз

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

Любой знает, как добавить нг начальной загрузки Аккордеона для icon-arrow-down

Я добавил это <i class="icon-arrow-down"></i>, но не работает

Это мой код 

<ngb-accordion #acc="ngbAccordion">
  <ngb-panel title="Task Tyeps (5)">  <i class="icon-arrow-down"></i>
    <ng-template ngbPanelContent>
   text.....
    </ng-template>
  </ngb-panel>
</ngb-accordion>

Я пытаюсь добавить вот так

enter image description here

Спасибо

Ответы [ 2 ]

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

Наконец-то я решил свою проблему 

<ngb-accordion>
  <ngb-panel>
    <ng-template ngbPanelTitle>
      <div class="d-flex justify-content-between">
        <div class="d-flex p-2" style="font-weight: bold; color: #1c2128;">Checklist items</div>
        <div class="d-flex p-2"><span style="color: #4A90E2;">gfg</span>05</div>
        <div class="d-flex p-2"><i class="icon-arrow-down"></i></div>


      </div>
    </ng-template>
    <ng-template ngbPanelContent>
    text
    </ng-template>
  </ngb-panel>

</ngb-accordion>
0 голосов
/ 30 октября 2018

Я не знаю ваш полный код, но, кажется, вы не импортировали Font Awesome. "icon-arrow-down" нужна библиотека Font Awesome 3.2.1, попробуйте добавить следующее в <head> разделе вашей страницы 

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
...