Angular 6 - ng-bootstrap - добавить пользовательский атрибут данных на уровне вкладки

Question

Я создал следующую структуру, используя ng-boostrap:

<ngb-tabset>
    <ngb-tab title="Tab 1">
        <ng-template ngbTabContent>
            Tab 1
        </ng-template>
    </ngb-tab>
    <ngb-tab title="Tab 2">
        <ng-template ngbTabContent>
            Tab 2
        </ng-template>
    </ngb-tab>
</ngb-tabset>   

Мне нужно добавить пользовательский атрибут данных к элементам "li" или "a", которые генерируются этим шаблоном.Что-то вроде:

<li data-test="test">
    <a></a>
</li>

Есть идеи, могу ли я это сделать?

Answer 1

Сделай так:

<ngb-tab>
    <ng-template ngbTabTitle>Tab 1</ng-template>
    <ng-template ngbTabContent>Text 1
    </ng-template>
</ngb-tab>
<ngb-tab>
    <ng-template ngbTabTitle>Tab 2</ng-template>
    <ng-template ngbTabContent>Text 2
    </ng-template>
</ngb-tab>