Создание динамических вкладок с использованием вкладок ng2-bootstrap

Я пытаюсь использовать компонент вкладок ng2-bootstrap для создания динамических вкладок.

Я хочу, чтобы компонент был генератором контента для вкладок.

Кто-нибудь пробовал разработать этот вариант использования? Все образцы в ng2-bootstrap указывают на статический контент.

Мне сложно связать компонент с директивой табуляции


angular ng2-bootstrap
person Jay R    schedule 03.11.2016    source источник
comment
Пожалуйста, предоставьте код, демонстрирующий, чего вы пытаетесь достичь, что вы пытались и где у вас ничего не получилось.   -  person Günter Zöchbauer    schedule 03.11.2016

Ответы (1)


arrow_upward
0
arrow_downward

Если я правильно понимаю ваш вопрос, этот фрагмент будет в основном делать то, о чем вы просили:

let pages = [
  {
  "title" = "Page 1",
  "data" = {
    whatever data you have ...
  },
  {
  "title" = "Page 2",
  "data" = {
    whatever data you have ...
  },
  {
  "title" = "Page 3",
  "data" = {
    whatever data you have ...
  }
]

а затем вы можете создавать свой контент

<tabset *ngIf="pages.length > 0">
  <tab *ngFor="let page of pages" heading="{{ page.title }}" class='tab'>
    DO WHATEVER YOU WANT TO DO WITH YOUR

    page.data

    IN HERE
  </tab>
</tabset>
person tommueller    schedule 13.03.2017