ShangHaiYuan-AnXin/src/app/plan-management/create-plan-online-five/create-plan-online-five.component.ts

import { HttpClient } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-create-plan-online-five',
  templateUrl: './create-plan-online-five.component.html',
  styleUrls: ['./create-plan-online-five.component.scss']
})
export class CreatePlanOnlineFiveComponent implements OnInit {

  constructor(private http: HttpClient) { }

  ngOnInit(): void {
    this.getTemplateData()
  }

  selectedItem:string = '封面'
  clickTitleItem(item){
    item == '封面' ? this.selectedItem = '封面' : this.selectedItem = item.groupName
  }
  planTemplateData: any
  //获得模板信息
  getTemplateData() {
    this.http.get('/api/PlanTemplate').subscribe(data => {
      this.planTemplateData = JSON.parse(data[2].data).filter(item =>
        item.completed == true
      )
      console.log(this.planTemplateData)
    })
  }

}