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

16 votes154 views6 answers
Cards in bootstrap
Html
0 vote183 views1 answer
38 1,2
Html
20 votes158 views3 answers
Custom data attributes html
Html
1 vote244 views1 answer
Coreui text align center
Html
0 vote152 views1 answer
How to show pdf as image in html
Html
0 vote155 views1 answer
Social security number validate regex
Html
4 votes169 views4 answers
Modal form bootstrap
Html
-2 votes152 views3 answers
How to insert a banner in html
Html
2 votes174 views2 answers
How to put something on the bottom right corner in html
Html
0 vote181 views2 answers
Nav bar activate in jinja
Html