Angular如何映射键和值
在Angular中，可以使用ngModel指令和ngFor指令来实现键值映射。
首先，使用ngModel指令将输入框的值绑定到一个变量上。例如：
<input type="text" [(ngModel)]="myKey">
<input type="text" [(ngModel)]="myValue">然后，使用ngFor指令遍历一个对象，将键和值分别显示出来。例如：
<div *ngFor="let item of myObject | keyvalue">
Key: {{item.key}}, Value: {{item.value}}
</div>在这个例子中，myObject是一个包含键值对的对象。通过管道操作符keyvalue，我们可以将它转换为一个包含键值对的数组，然后使用ngFor指令来遍历数组并显示出键和值。
另外，如果你想要将键值对保存在一个数组中，可以使用Map对象来实现。例如：
myMap = new Map<number, string>();
myMap.set(1, 'Apple');
myMap.set(2, 'Banana');
myMap.set(3, 'Orange');然后，在模板中使用ngFor指令遍历Map对象，并显示出键和值。例如：
<div *ngFor="let item of myMap">
Key: {{item[0]}}, Value: {{item[1]}}
</div>这样就可以实现Angular中的键值映射。对于更复杂的需求，你还可以根据具体情况进行自定义处理。
关于Angular的更多信息，你可以参考腾讯云的Angular产品介绍链接地址：https://cloud.tencent.com/product/a-moie0l1e
相关·内容
所以我正在尝试映射和对象。它有一个键，这个键有一个值。这是我得到的响应的预览)： paragonSequenceNumber: nullpkp: "BBBBBBBBBBBBBBBBBBBBB" 所以我映射它，然后在html中使用它和*ngFor，然后写出键的值。
浏览 12提问于2021-01-24得票数 4
回答已采纳
试图使用键/值映射来确定是否应该显示角控制元素：
angular.js:6173 TypeError: fnPtr is not a function at Object.$digest (angular.js:8563)
浏览 5提问于2015-08-07得票数 0
回答已采纳
1回答
我正在使用："angular-translate": "2.1.0",
问题是，我需要根据切换按钮，在我所有包含这个单词的翻译中，将例如“bug”更改为“issue你能在这里给我一些建议，也许提供一些例子，我如何解决这个问题？
浏览 2提问于2016-03-02得票数 1
我认为映射现在什么也不做，因为响应没有设置任何类型，所以可能我的API出了什么问题？
浏览 20提问于2021-04-29得票数 1
回答已采纳
我正在使用的一个API要求通过ajax发送带有名称、值对的数据。与模型不同，名称可以包含空格和其他字符。有商品及服务税(是/否)、stepTwo.has_gst_yes_no、1 console.log($scope.stepTwo) //has_gst_yes_no=1
这很棒，但我如何才能获得输入名称，以及在发送到API时需要使用它作为键。
浏览 2提问于2015-09-21得票数 5
1回答
我有一个Angular 7应用程序，其中的app.module.ts文件如下所示。请注意，在本例中，有2个模块，每个模块都有一个需要外部化其值的键。apiKey1，API_KEY_2应该映射到apiKey2。我想过编写一个辅助脚本来对文件进行字符串替换，但我认为这种方法不是很有纪律性(因为转换后的Angular应用程序文件会被混淆和缩小)。该脚本将在容器启动时运行，读取环境变量(键和值)，然后查看文件，将旧值替换为环
浏览 4提问于2019-07-18得票数 1
我是angular的新手。我正在尝试学习使用angular js。我这里有个问题。我有一个名为"nameMap“的映射，它的键->值如下 1:su, 3:neptune我想要的是当我得到一个key "key“，比如"1"，然后在page中显示它的映射值"su”。但我认为这种用法是如此普遍，以至于angular可能只需要很少的代码就可以做
浏览 0提问于2013-07-12得票数 10
回答已采纳
我正在做一个带有Angular前端和Java后端的小型私人项目，最近我发现它有一些奇怪的IE11行为(我知道IE11很可怕，不应该与Angular项目一起使用)。后端希望Map的键是Enum的名称。我知道这个错误告诉我，他无法将_t映射到枚举的值，这并不奇怪，因为枚举不包含该值。 奇怪的是，我没有在映射中放入带有_t的键/值对。做了一些调试，发现IE11似乎向映射中添加了一些键</
浏览 35提问于2019-01-18得票数 2
2回答
我需要定义一个函数，它将有限映射的键和值映射成一组键值对： imports Main "~~/src/HOL/Library/Finite_Map"
definition
浏览 5提问于2017-09-05得票数 0
回答已采纳
我正在开发一个POC，使用angular8作为前端，SpringBoot作为后端。我的后端函数返回一个Map (List < Map < String, Object > >)列表，它具有动态键和值。我不得不将键和值定义为垫子表所需的属性。请帮助我填充映射对象的动态列表(列标题作为映射键，行作为映射值)。下面发布了我的组件和html文件：
浏览 0提问于2019-08-22得票数 2
回答已采纳
4回答
在映射中我们有键，值，我们尝试在映射中放入相同的键2次，它会产生一个error.Now，我想要类似的行为，值，too.In，当我放一个新的键，值到映射中，键和值都应该是唯一的，否则它应该通过一个异常，我该如何实现
浏览 0提问于2010-08-13得票数 4
3回答
我有一个STL映射，它有字符串键和int值。我需要使用int键和字符串值将这些项放入一个新的映射中，以便将键从最低到最大排序。例如，我有一个带有这些值的映射(key，value)："B", 2"D", 42, "B&quo
浏览 1提问于2016-06-29得票数 1
回答已采纳
我正在使用另一个映射内部的映射，外部映射的键是Integer，值是另一个映射。我得到了预期的值，但我不知道如何获得内部映射的键和值。} 输出我的地图上面输出中的值是另一个映射<
浏览 0提问于2013-11-09得票数 0
作为angular2/typescript项目的一部分，我有一个对象数组。这些对象包含一组来自数据库的键/值对。然后将其映射到UI端的一个表(使用ag-grid-ng2)。我的一项任务是将键/值的数组映射到单个对象，如下所示： { humanReadable:{
anObjectFullOfThings[t
浏览 8提问于2017-01-17得票数 0
回答已采纳
2回答
我有一个字符串成员变量，即ServiceType和一个字符串列表SubService。字符串(视为值)。现在，我尝试将一个ServiceType字符串(键)映射到一个只有一个值的键，但我不知道如何与values.Anyone列表进行映射会有帮
浏览 0提问于2011-07-07得票数 3
回答已采纳
我带着一个关于TypeScript的简化问题，在那里，我的“键”和“值”正在被转换。我们将调用我实现这个映射的另一个文件，ProcessParts.ts，它将如下所示：
import {Component, OnInit, NgModule} from '@angular/core当键和值应该交换时。这不是一个大问题，但我使用了像这个PART_DATA示例一样设置的几个映射，但这是我第一次看到这个问题，当我在这
浏览 1提问于2017-03-21得票数 4
回答已采纳
1回答
1)如何将FileInputFormat指定为SequentialFile？3)如何从map获得输出，而不是减少输出？
浏览 2提问于2012-01-11得票数 1
回答已采纳
1回答
以数组列表为值的地图实现
、、、
第一个表中的值将用作键，第二个表的值将用作键的值。现在，我的问题是：
如何检查映射中是否存在键，以便如果存在，则必须只更新与其对应的数组列表。如果它不存在，那么创建新的键，创建与
浏览 1提问于2014-04-03得票数 0
回答已采纳
2回答
在Groovy/Grails示例中，我不知道Curly大括号和方括号有什么区别：以及： subject blank: false
浏览 2提问于2016-04-27得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
