Fat_Shady_ 2021-04-15 16:14 采纳率: 0%
浏览 48

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>

点击span切换背景颜色并在下面显示对应组件

 

  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2021-04-15 16:26
    关注

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

    评论

报告相同问题?