Ionic framework 离子文本颜色变化onclick

我是爱奥尼亚3的初学者

我有一个相同颜色的4个文本，当我点击4个文本的时候，我想改变颜色

示例
我点击第一个文本，然后我想把它改成黑色 我点击文本2，然后我想改变黑色，第一个文本被设置为默认颜色

请帮我解决这个问题

    <div class="row">
      <div  class="col right-border">
        <div  text-center>
          <h2 class="main-one" >$ 2,300</h2> <p class="main-txt-home">Today's Revenue</p>
        </div>
      </div>
      <div  class="col bottom-border">
        <div text-center>
          <h2  class="main-one">$ 53,100</h2><p class="main-txt-home">Expected Revenue for this month</p>
        </div>
      </div>
    </div>
    <div class="row">
      <div  class="col top-border">
        <div  text-center>
          <h2  class="main-one">12</h2><p class="main-txt-home"> Bookings taken today</p>
        </div>
      </div>
      <div class="col left-border">
        <div  text-center>
          <h2  class="main-one">68%</h2><p class="main-txt-home">Total Monthly occupancy</p>
        </div>
      </div>
    </div>
  </div>

2300美元今天的收入

53100美元本月的预期收入

12
今天预订
68%
月总入住率

您可以使用[ngClass]属性来实现这一点。这可用于根据上次单击的文本动态返回类名。代码如下所示

 <div class="row">
  <div  class="col right-border">
    <div  text-center [ngClass]="getTextColor('text1')" (click)="setSelectedText('text1')">
      <h2 class="main-one" >$ 2,300</h2> <p class="main-txt-home">Today's Revenue</p>
    </div>
  </div>
  <div  class="col bottom-border">
    <div text-center [ngClass]="getTextColor('text2')"  (click)="setSelectedText('text2')">
      <h2  class="main-one">$ 53,100</h2><p class="main-txt-home">Expected Revenue for this month</p>
    </div>
  </div>
</div>
<div class="row">
  <div  class="col top-border">
    <div  text-center [ngClass]="getTextColor('text3')"  (click)="setSelectedText('text3')">
      <h2  class="main-one">12</h2><p class="main-txt-home"> Bookings taken today</p>
    </div>
  </div>
  <div class="col left-border">
    <div  text-center>
      <h2  class="main-one">68%</h2><p class="main-txt-home">Total Monthly occupancy</p>
    </div>
  </div>
</div>

在scss文件中

.highlight-color {
  color:blue;
}

---

你能编辑你的帖子并添加你的

chngcolor

功能吗？你确定你用的是离子3吗？如果是，它应该是

（单击）

而不是

ng click

。先生，我不清楚，你能申请我的代码吗？你是否覆盖了scss类main one和main txt home中的颜色属性？那可能就是原因。

.highlight-color {
  color:blue;
}