Angular 如何在单击时动态更改材质角度2选项卡上文本的颜色？

我使用的是angular2/4和材质

我的问题是，我希望选项卡文本的颜色在我单击它时立即改变

[ngStyle]似乎无法在选项卡上动态工作。我想在单击选项卡上的文本后立即自定义选项卡中文本的颜色，但没有任何更改！我怎样才能避开这件事

注意：我注意到，如果我点击一个按钮转到我的应用程序的另一个页面，然后点击另一个按钮回到带有mat选项卡的页面，我会看到文本的颜色发生了变化

看起来后端变量正在变量“listoftabs”中更新，但是文本颜色不会在运行中改变，除非您以某种方式“渲染”选项卡

有办法解决这个问题吗

打字稿：

thetab = {isYellow: false, tabname: 'Hello'}

changecolor(tabclicked) {
    tabclicked.isYellow = !tabclicked.isYellow;
}

模板

            <mat-tab-group>
                <mat-tab>
                    <ng-template mat-tab-label>
                        <a (click)="changecolor()"><span [style.color]="thetab.isYellow ? 'yellow' : 'red'">Text I Want to Change Color</span> {{thetab.tabname}}</a>
                    </ng-template>
                    <div>
                    Tab Content Here           
                    </div>
                </mat-tab>
           </mat-tab-group>

文本我要更改颜色{{thetab.tabname}
选项卡内容在此

您可以使用（selectedTabChange）事件来告知标签何时更改，并在标签中的标签上设置样式。请参阅“闪电战”

---

如果这不是您想要的，请告诉我。我不能完全肯定我是否理解你的要求。