【ionic4】复用规则

在项目中很多时候都怕需求的一变再变，但是有些时候有些需求的改变，也可以让你变的更加优秀。
因为你需要不断的努力，才可以满足用户的需求。
但是如果需求的变得过于频繁，对于开发者将是一把利刃。

---

判断不同的数据，最后放进一个数组，实现数据的双向绑定

public addAward: any = [];  // 奖励规则

for (let i = 0; i < this.allAward.length; i++) {
              if (i === 0) {
               const addlist = {
                  ruleId: this.allAward[i].id,
                  awardRules: this.allAward[i].awardRules,
                  awardDescribe: this.allAward[i].awardDescribe,
                  awardMoney: 80000,
                  ischecked: true
                };
                this.addAward.push(addlist);
              } else {
                const addlist = {
                  ruleId: this.allAward[i].id,
                  awardRules: this.allAward[i].awardRules,
                  awardDescribe: this.allAward[i].awardDescribe,
                  awardMoney: 20000,
                  ischecked: false
                };
                this.addAward.push(addlist);
              }
            }

页面显示

  <ion-list lines="full">
    <ion-item *ngFor="let item of addAward" class="addawardrules">
      <ion-label>{{item.awardRules}} :</ion-label>
      <ion-input type="number" oninput="if(value.length>5)value=value.slice(0,5)"  placeholder="￥"  [(ngModel)]="item.awardMoney"></ion-input>
      <ion-label slot="end"> 元 </ion-label>
      <ion-checkbox slot="start" [(ngModel)]="item.ischecked"></ion-checkbox>
    </ion-item>
  </ion-list>

PS：此功能的实现还是要多些平平博主的博客分享。

复用奖励规则

将根据某种要求查询出来的数据保存，在需要的时候，进行赋值

 copyAward() {
    for (let i = 0 ; i < this.referList.length; i++) {
      for (let j = 0 ; j < this.addAward.length; j++) {
        if ( this.referList[i].awardRules === this.addAward[j].awardRules) {
          this.addAward[j].awardMoney = this.referList[i].awardMoney;
          this.addAward[j].ischecked = true;
        }
      }
    }
  }

PS：一定要思路清晰，逻辑清晰，功能的实现就不是难点。

结果显示（数据皆为测试数据）