angular2 把一个对象里面的数组用脚标区分

输入图片说明输入图片说明

设置规则

html

    <div class="from-group" style="margin-top:20px;" *ngFor="let member of res_member_type;let pIndex=index">
            <label class="col-sm-2 control-label">{{member.name}}</label>
            <div class="col-sm-9 form-validate">
                <ul class="brand-li" style="margin-left:0px;">
                    <li style="width:74px;height:54px;" *ngFor="let value of member.values;let sIndex=index" (click)="selectMember(member, value)"> //把值带过去
                        <span><a>{{value.value}}</a></span>
                        <span  [ngClass]="{'display': value.member_show}"  class="icon-tick icon-size2 brand-li-yes"></span>
                    </li>
                </ul>
            </div>
        </div>

js

    private selectMember(member, value) {
    this.logger.log(value.id);
    this.logger.log(value.value);
    // this.param_member =[];
    if (value.member_show  == true) {
        this.logger.log("反宣")
        value.member_show = false;
        this.param_member[member.id] = "";
        this.param_member_ids[member.id] = "";
        this.logger.log("反选")

    } else {
        value.member_show = true;
        for (let sonItem of member.values) {
            // this.logger.log(sonItem.id);
            // this.logger.log(sonItem.member_show);
            if (value.id == sonItem.id) { //把数组里面的值与页面的值相对应 如果为真的时候就是选中的状态
                value.member_show = true;
                //指定角标 分成几组 一一对应的value的值
                this.param_member[member.id] = sonItem.value;
                this.param_member_ids[member.id] = sonItem.id;
                this.logger.log(this.param_member)
                this.logger.log(this.param_member_ids)
                this.logger.log("排序的id")
                // this.logger.log((this.param_member_ids.sort(this.compare())));

                this.logger.log("排序的id")
            } else {
                sonItem.member_show = false;
                // this.param_member.push(sonItem.value);

            }

        }
    }

转载于:https://my.oschina.net/pingheyongfeng/blog/1590565

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值