angularJS切换禁用启用状态

1、HTML操作按钮

<a (click)="prohibit(data,'1')" *ngIf="data.status==0">启用</a>
<a (click)="prohibit(data,'0')" *ngIf="data.status==1">禁用</a>

2、JS部分
 

prohibit(data: any,status:any) {
    let body ={
      'id':data.id,
      'status':status
    }
    this.httpService.modify(environment.contentManagement.bannerList.prohibit,body).subscribe((data: any) => {
      if (data.code != 1) {
        this.message.error(data.message)
        return
      }
      this.message.success(data.message)
      this.findPage(1)
    })
}

总结:
1、操作区域的按钮要按照枚举类反向展示,例如:0是禁用那么这里需要展示启用
2、传参时如果当前数据是禁用也要反向传值,用户点击启用按钮是需要把原来为0的状态更换为1

猜你喜欢

转载自blog.csdn.net/Mjxiaomihu/article/details/127409262
今日推荐