Javascript 如何在单击“保存”按钮时切换选项卡或如何将“保存”按钮绑定到“切换”选项卡

从'@angular/core'导入{Component，OnInit，OnDestroy}；
进口{
FormGroup，
FormControl，
验证器，
形式阵列
}从“@angular/forms”开始；
从“ng2验证”导入{CustomValidators}；
进口{
BusinessGQL，
SitedatasGQL，
站点数据，
更新业务GQL，
生意
}来自“src/app/graphql”；
从'@angular/Router'导入{ActivatedRoute，Router}；
从“rxjs/operators”导入{map，take，pull}；
从'src/app/shared/functions'导入{log，removeTypename}；
从'src/app/shared/services/category.service'导入{CategoryService}；
从'src/app/shared/services/location.service'导入{LocationService}；
从'src/app/shared/services/Addbusiness.service'导入{AddbusinessService}；
从'@ng bootstrap/ng bootstrap'导入{NgbModal}；
从'src/app/Config/Config'导入{Config}；
从“rxjs”导入{Subscription}；
@组成部分({
选择器：“应用程序添加业务”，
templateUrl:“./add business.component.html”，
样式URL:['./添加business.component.scss']
})
导出类AddBusinessComponent实现OnInit、OnDestroy{
isCollapsed=false；
activeTab=“一般信息”
SiteData:SiteData[]=[]；
logoImage=`url（'../../../../../assets/images/download.jpeg'）`；
bannerImage=''；
业务订阅：订阅；
表单=新表单组({
_id:new FormControl（“”，[需要验证程序]），
名称：新表格组({
en：新FormControl（“”，[需要验证程序]），
ar：新表单控件（“”）
}),
照片：新FormArray（[]），
电子邮件：新FormControl（“”，[Validators.required，CustomValidators.email]），
电话：新FormControl（“”，[需要验证程序]），
网站：新FormControl（“”，[Validators.required]），
许可证编号：新FormControl（“”），
LicenseCeExpiryDate:新表单控件（“”），
描述：新表单组({
en:new FormControl（“”），//[需要验证程序]
ar：新FormControl（“”）/[需要验证器]
}),
预算管理：新表单控件（“”），
员工人数：新FormControl（“”），
numberOfProjectsComplete:新表单控件（“”），
//工作时间：新格式([
//新表单组({
//日期：新表单控件（“”，[]），
//发件人：新表单控件（“”，[]），
//收件人：新表单控件（“”，[]），
//   })
// ]),
联系人：new FormGroup({
名称：新表单控件（“”，[]），
//新表单组({
//en：新FormControl（“”，[需要验证程序]），
//ar:新的FormControl（“”，[需要验证程序]）
// }),
电子邮件：new FormControl（“”[
需要验证器，
CustomValidators.email
]),
电话：新FormControl（“”，[需要验证程序]），
职位：新表单控件（“”，[需要验证程序]）
}),
类别：新表格（[]），
范围：新格式阵列（[]），
国家/地区：新表格（[新表格控制（''，[需要验证人]）），
城市：新形式([
新表单组({
城市：新FormControl（“”，[需要验证器]），
地址：新FormControl（“”，[需要验证程序]），
坐标：新表格组({
纬度：新FormControl（“”，[Validators.required]），
经度：新FormControl（“”，[Validators.required]）
}),
类型：new FormControl（），
照片：新FormArray（[]）
})
]),
状态：新FormControl（“”，[需要验证程序]），
//额外的
类别：新表单控件（“”）
});
generalForm=新的FormGroup({
_id：新表单控件（“”，需要验证程序），
名称：新表格组({
en：新表单控件（“”），
ar：新表单控件（“”）
}),
描述：新表单组({
en:new FormControl（），
ar：新FormControl（）
}),
电子邮件：new FormControl（“”），
电话：新FormControl（“”），
网址：new FormControl（“”），
详情：新表格组({
业务类型：新FormControl（“”），
businessClass:new FormControl（），
serviceArea:new FormControl（），
projectSize:new FormControl（），
预算管理：新表单组({
min:new-FormControl（），
max:newformcontrol（）
}),
成立年份：新FormControl（），
numberOfEmployees:new FormControl（），
licenseNumber:new FormControl（），
numberOfProjectsCompleted:新表单控件（）
}),
工作时间：新表单组({
startDay:新表单组({
en:new FormControl（），
ar：新FormControl（）
}),
结束日期：新表单组({
en:new FormControl（），
ar：新FormControl（）
}),
班次：新的正式班次（[]）
}),
联系人：new FormGroup({
名称：新表格组({
en:new FormControl（），
ar：新FormControl（）
}),
电子邮件：new FormControl（），
电话：new FormControl（），
职位：new FormControl（）
})
});
//
地点：任何[]=[]；
团队：任意[]=[]；
证书：任何[]=[]；
验证：任何[]=[]；
用户：任何；
类别：任意[]=[]；
子类别：任何；
服务：任何[]；
国家：任何；
城市：任何；
范围：任意[]=[]；
子类别数组：任意[]=[]；
当前业务：业务；
fisrt=真；
成功消息=“”；
errorMessage=''；
相册：任意[]=[]；
建造师(
私有激活路由：激活路由，
P
      index = 0;
      activeTab = "General Information";

      onSave() {
        index++;
        switch (index) {
          case 1: this.activeTab = "Tags";  break;
          case 2: this.activeTab = "Location";  break;
          case 3: this.activeTab = "Team";  break;
          // similarly add case for all tabs
        }

        // your logic
      }

<button (click)="save1()">Save</button>  // 1st tab's save button
<button (click)="save2()">Save</button>  // 2nd tab's save button
<button (click)="save3()">Save</button>  // 3rd tab's save button
// Similarly add save button for all tabs based on next tabs id

// 1st tab's save button
save1() { 
  this.activeTab = "Tags"

  // your logic
}

save2() {
  this.activeTab = "Location"

  // your logic
}

save3() {
  this.activeTab = "Team"

  // your logic
}