angular项目中如何实现点击span更改其背景颜色并在下面显示对应组件？（不引入jquery）

<div class="trend-box">
    <div class="box">

      <div class="chart-title" *ngFor="let trendChart of trendCharts">
        <span id="name" (click)="(showChart)">{{ trendChart.name }}</span>
      </div>

    </div>

    <div class="trend-chart">

      <app-trend-chart></app-trend-chart>

    </div>
  </div>

动态切换class，利用display:none和block控制组件显示与隐藏，angular我没用过，不知道有没有类似vue里的v-if功能或者类似于react里三目运算符动态显示隐藏组件，而且你这个很像选项卡