typescript 动态复选框和Angular 下拉框

vltsax25  于 2022-11-26  发布在  TypeScript
关注(0)|答案(1)|浏览(138)

我有一个全局List数组,我将从OnInit方法上的api向该数组传递数据。
第一个
问题是现在我想立即更新值,我可以循环通过主数组,但如何获得下拉列表和复选框的值在每个索引,并保存如下:

{
        "Name": "John",
        "visibility": 0,
        "IsActive": 1
    },
    {
       "Name": "Peter",
        "visibility": 1,
        "IsActive": 1
    },
    ...

注意:我也使用cdk拖放,所以我需要在排序后循环到整个列表。
任何解决方案谢谢

xe55xuns

xe55xuns1#

您可以只使用map来创建一个带有“丰富”项的Map数组。

this.List.map((item, index) => ({ 
  ...item, 
  visibility: visibility[index], 
  isActive: Status[index] 
}))

尽管如此,我还不清楚visibilityStatus属性是如何定义的,但是它应该像你在模板中使用它一样工作。

备注:

  • 您应该注意命名约定。通常属性应该以小写键开头
  • 您也可以先进行Map,然后直接通过[(ngModel)]绑定到模型中,而不是定义单独的数组。单独的数组容易出错,因为它们在调整时可能会失去同步。

相关问题