Mat-tab-group change

 <mat-tab-group  [(selectedIndex)]="selectedTabIndex" (selectedTabChange)="onTabChanged($event);">
      <mat-tab formArrayName="staffMembers" #pft  *ngFor="let staffMember of formData.get('staffMembers').controls; let i = index">
        <div [formGroupName]="i">
          <ng-template mat-tab-label>
            {{staffMember.controls.staffMemberId.value}} <a>
          </a>
          </ng-template>
            <div class="form-group">
              <label for="name"> Name</label>
              <input type="text" class="form-control" id="name" formControlName="name">
           </div> 
        </div>
    </mat-tab>
 </mat-tab-group>

Source: stackoverflow.com

Similar codes

0 vote304 views1 answer
Adding a corousel to a website
Html
83 votes298 views6 answers
Css center text
Html
0 vote357 views1 answer
Image on text in bootstrap
Html
1 vote323 views1 answer
Html color maroon hex
Html
3 votes326 views4 answers
Drag and drop angular
Html
0 vote328 views1 answer
Vim terminal to add data in each line with file open
Html
15 votes346 views6 answers
Ngfor index
Html
4 votes331 views3 answers
Iframe youtube autoplay not working
Html
1 vote312 views1 answer
Bootstrap border none modal header
Html
0 vote357 views1 answer
Abbr in html
Html