时间戳

首页 > 解决方案 > 角度：通过动态地图键绑定到地图的 2 种方式

angular - 角度：通过动态地图键绑定到地图的 2 种方式

问题描述

使用 Angular 9，我遇到了绑定问题。得到一个输入框列表（prod1，prod2，... prodn），我想将其 2 路绑定到存储在 compnent.ts 中的地图/字典中的相应值。map 在 component.ts 中是这样定义的

x = {"prod1": 0, "prod2": 0}

在组件 html 中试图访问。它在我硬编码绑定值时起作用：

<input matInput type="number" min=0 value="0" size="10" id="{{ product.id }}" [(ngModel)]="amounts.prod1">

但我需要的是让我根据输入ID选择密钥的东西，所以像这样但它不起作用：

<input matInput type="number" min=0 value="0" size="10" id="{{ product.id }}" [(ngModel)]="{{'amounts.' + product.id}}">

如何将键传递给该绑定表达式的映射 n？谢谢！

标签： angular

解决方案

使用[(ngModel)]="amounts[product.id]".

推荐阅读