web ts框架清除radio单选内容

1、.html文件中对应的radio标签添加点击事件

<label nz-radio (click)="clearRadioValue(item)"></label>

2、实现clearRadioValue方法

(1)定义一个变量,用来存储radio上一次的数据。

lastCards: any;

(2)实现清楚方法,即在点击的时候,用最新的数据与上一次数据进行比较,如果数据相同,说明点击的同一个选项,清楚数据即可。

clearRadioValue = (item) => {

    if(this.lastCards && 0 < this.lastCards.length) {

        const checkIndex = this.lastCards.findIndex(

        i => i.lookupCode === item.lookupCode);

        if(this.lastCards[checkIndex].items && 0 < this.lastCards[checkIndex].items.length) {

            const lastModelName = this.lastCards[checkIndex].items[0].modelName;

            const nowModelName = item.modelName;

            if(lastModelName == nowModelName) {

                console.log('选择了同一个选项,清除...');

                item.modelName = null;

            }

        }

    }

    this.lastCards = []

    this.lastCards = JSON.parse(JSON.stringify(this.cards));

};

  • 9
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值