Actual behavior

Hi,

I'm using mdb-tabset with dynamic tabs. When tabs are created in template, I notice that (select) method is called automatically many times: n times + 1 (where n is the number of tabs). This is a big issue when in select method I call an API method and after I set a variable used to render the content of the active tab: API method is called for each tabs and the variable is set with the last response of the API, which may not coincide with the active tab.

Resources (screenshots, code snippets etc.)

<mdb-tabset #staticTabs [buttonClass]="'md-tabs tabs-orange tabs-3'" [contentClass]="'card'">
  <mdb-tab *ngFor="let tab of tabs" heading="{{ tab.title }}" (select)="onSelect($event)">
    {{ tab.content }}
  </mdb-tab>
</mdb-tabset>


  @ViewChild('staticTabs', { static: true }) staticTabs?: TabsetComponent;

  tabs: any[] = [
    { title: 'Dynamic Tab 1', content: 'Dynamic tab content 1' },
    { title: 'Dynamic Tab 2', content: 'Dynamic tab content 2' },
    { title: 'Dynamic Tab 3', content: 'Dynamic tab content 3' },
    { title: 'Dynamic Tab 4', content: 'Dynamic tab content 4' }
  ];