typescript 动态复选框和Angular 下拉框

vltsax25 于 2022-11-26 发布在 TypeScript

关注(0)|答案(1)|浏览(139)

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

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

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

typescript

来源：https://stackoverflow.com/questions/74571417/dynamic-checkboxes-and-dropdown-in-angular

1条答案

按热度按时间

xe55xuns1#

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

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

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

备注：

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

赞(0）回复(0）举报 2022-11-26

我来回答

typescript 动态复选框和Angular 下拉框

1条答案

相关问题

热门标签

最新问答