如何在标签页眉上显示脏通知

Question

我有一个页面，其中包含3个标签页。 每个选项卡页面均包含具有CRUD可能性的项目列表。

当用户更改了tabcontent中的任何项目时，我想在tabheader中显示肮脏的通知。

我该怎么做？

我的标签页创建如下：

          <mat-tab-group>
        <mat-tab label="Specialisaties">
          <div class="tabContent">
            <dko-bo-onderneming-detail-specialisaties [ondernemingId]="onderneming.id"></dko-bo-onderneming-detail-specialisaties>
          </div>
        </mat-tab>
        <mat-tab label="Contactpersonen">
          <div class="tabContent">
            <dko-bo-onderneming-detail-contactpersonen [ondernemingId]="onderneming.id"></dko-bo-onderneming-detail-contactpersonen>
          </div>
        </mat-tab>
        <mat-tab label="Referenties">
          <div class="tabContent">
            <dko-bo-onderneming-detail-referenties [ondernemingId]="onderneming.id"></dko-bo-onderneming-detail-referenties>
          </div>
        </mat-tab>
      </mat-tab-group>

例如，在dko-bo-onderneming-detail-references内部，我监视数据何时更改：

addReferentie = function (referentiePersoon: ReferentiePersoon) {
    ...
    this.isDirtyReferentiePersonen = true;
};
deleteReferentie = function(referentiePersoon: ReferentiePersoon) {
    ...
    this.isDirtyReferentiePersonen = true;
};

因此，当我更改isDirtyReferentiePersonen属性时，我想在将属性设置为true时更新标签页标题“ Referenties”以显示*。

我该怎么做？