javascript - 如果已经使用 Angular2 检查了复选框，如何保持该复选框处于选中状态

Question

我有一个输入复选框字段，当我选中该框时，功能可以正常工作，但刷新后，刻度线会在框中消失。那么，如果已经选择了它并且数据保存在其他页面中，我可以让刻度线为 true 吗？

HTML:

<td><input type="checkbox" [(ngModel)]="pin.checked" (change)="fav(pin)" style="margin-top: 10px;"></td>

TS:

loadAllPins() {
  var favouratePins = this.storage.favouratePins; 
  console.log(favouratePins);
  this.ApiService
      .getAllPins(this.guide_id)
      .subscribe(
        pins  => {
          if(favouratePins && favouratePins.length > 0) {
            pins.data.map(function(pin) {
              favouratePins.map(function(item) {
                if(pin._id == item._id) {
                  pin.checked = true;
                }
              })
            })            
          }
          this.pins = pins.data;

        },error => {
          console.log(error);
        });
}

在第一页中我检查过的所有内容都已保存在另一个页面中，因此已存储在另一个页面内容中的项目需要在第一页中标记为已检查

Answer 1

根据您的问题，您将 pin_id 作为 data 发送到 api，因此，您需要比较 pin_id _id

您在此处发送pin_id变量数据 = { “用户id”:用户id， “pin_id”:pin._id}

所以你应该使用，

 if(favouratePins && favouratePins.length > 0) {
    pins.data.map(function(pin) {
      favouratePins.map(function(item) {
       if(pin._id == item._id) {
            pin.checked = true;
        }
       })
      })            
     }
     this.pins = pins.data;
 }