设置规则
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);
}
}
}