Как отредактировать ng-шаблон для использования моего HTML? - PullRequest
Новая
       16

Как отредактировать ng-шаблон для использования моего HTML?

0 голосов
/ 07 июня 2018

Я создаю веб-компонент на основе аккордеонного компонента из ng-bootstrap.Вы можете попробовать оригинальный компонент на stackblitz .Я хотел бы, чтобы 

<ng-template ngbPanelTitle>
</ng-template>

генерировал 

<div role="tab" id="ngb-panel-1-header" class="card-header ">
    <a href="" aria-expanded="false" aria-disabled="false" class="btn btn-block btn-primary" role="button" style="padding: 0.75rem 1.25rem;">
<!--bindings={
  "ng-reflect-ng-template-outlet": "[object Object]"
}--><!---->
     </a>
 </div>

вместо 

<div role="tab" id="ngb-panel-1-header" class="card-header ">
    <a href="" aria-expanded="false" aria-disabled="false">
<!--bindings={
  "ng-reflect-ng-template-outlet": "[object Object]"
}--><!---->
     </a>
 </div>

1 Ответ

0 голосов
/ 08 июня 2018

Решение, которое вы можете использовать, - это сила FOSS!Какова сила FOSS?Ну, ng-bootstrap - это проект с открытым исходным кодом MIT .Что вы можете сделать, так это найти Аккордеонный модуль и раскошелиться на него!Я не думаю, что это самый простой способ достичь того, чего вы хотите, но по крайней мере это сработает.Давайте посмотрим.

  1. Поиск модуля Accordion внутри ng-bootstrap.
  2. Создайте пустой модуль в вашем проекте.Я назвал это accordion-next.
  3. Создайте пустой компонент в вашем проекте.Я назвал его accordion-toto.
  4. Скопируйте / вставьте в свой модуль ng-bootstrap и исправьте все ошибки, с которыми вы столкнулись.isString например.
  5. Используйте свой модуль.
  6. Наслаждайтесь.

демонстрация stackblitz

...