程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在 Angular8大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何在 Angular8?

开发过程中遇到如何在 Angular8的问题如何解决?下面主要结合日常开发的经验,给出你关于如何在 Angular8的解决方法建议,希望对你解决如何在 Angular8有所启发或帮助;

我有动态生成的复选框列表,我想用对象创建数组。

如果 value 为 true 并且 setItem 为 localstorage,我想将数据推送到对象数组中, 如果 value 为 false 则它将从本地存储中删除对象ge

谁能帮我用预期的输出优化我的代码。

预期输出

[
  {
    "key": "Test","value": true
  },{
    "key": "Test1",{
    "key": "removeItem","value": false
  }
]

代码

  setcolumn($event,item) {
    var obj = {},valueAliasPair = [];
    if (item.tabelheader.data != '' && $event.checked === truE) {
      obj['key'] = item.tabelheader.data;
      obj['value'] = $event.checked;
      valueAliasPair.push(obj);
      localstorage.setItem('AvailableAmt',JsON.Stringify(valueAliasPair));
    }
    if (item.tabelheader.data != '' && $event.checked === falsE) {     
      localstorage.removeItem('AvailableAmt',obj['key']);
    }
    console.log(valueAliasPair,"valueAliasPair");
  }

解决方法

更新:

setcolumn($event,item) {
    let valueAliasPair = JSON.parse(localStorage.getItem("AvailableAmt") || "[]");

    if (item.tabelHeader.data != "") {
        if ($event.checked) {
        valueAliasPair.push({
            key: item.tabelHeader.data,value: true,});
        localStorage.setItem("AvailableAmt",JSON.Stringify(valueAliasPair));
        } else {
        const ind = valueAliasPair.findIndex((X) => x.key === item.tabelHeader.data);
        valueAliasPair.splice(ind,1);
        localStorage.setItem("AvailableAmt",JSON.Stringify(valueAliasPair));
        }
    }

    console.log(valueAliasPair,"valueAliasPair");
}
@H_801_40@

大佬总结

以上是大佬教程为你收集整理的如何在 Angular8全部内容,希望文章能够帮你解决如何在 Angular8所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:如何在