在ngFor中基于键访问特定数组
在ngFor中，可以通过键来访问特定数组元素。ngFor是Angular中的一个结构指令，用于循环遍历数组或对象，并为每个元素生成相应的HTML代码。
在ngFor中，可以使用键来访问特定数组元素的属性或方法。键可以是数组的索引或对象的属性名。通过键访问特定数组元素可以用于展示特定元素的详细信息或执行特定元素的操作。
以下是一个示例代码：
<ul>
<li *ngFor="let item of items; let i = index">
{{ item.name }}
<button (click)="getItemDetails(i)">查看详情</button>
</li>
</ul>在上面的代码中，ngFor指令循环遍历名为items的数组，并为每个数组元素生成一个li标签。通过item.name可以访问每个数组元素的name属性。通过i可以访问数组元素的索引。
在按钮的点击事件中，调用了一个名为getItemDetails的方法，并将当前元素的索引作为参数传递给该方法。在getItemDetails方法中，可以根据索引访问特定数组元素，并执行相应的操作。
对于这个问题，腾讯云提供了云原生服务，其中包括云原生应用平台TKE（Tencent Kubernetes Engine）。TKE是腾讯云基于Kubernetes打造的容器服务，提供高度可扩展、高可用性的容器集群管理能力，可以帮助开发者更方便地部署和管理容器化应用。
腾讯云TKE产品介绍链接地址：https://cloud.tencent.com/product/tke
相关·内容
0回答
<button *ngFor="let item of items[category]"> </button>
items: { cat1: [], cat2: [] }在哪里。我需要category作为字符串变量来访问items中的两个数组。我该如何解决这个问题呢？
浏览 0提问于2017-12-05得票数 0
回答已采纳
1回答
我有两个嵌套的ngFor循环。第一个定义team，我希望将team用作子循环的选择器，如下所示是否有特定的语法来访问像members_assigned.$_variable_key_i_want_to_
浏览 3提问于2018-04-18得票数 1
回答已采纳
1回答
我有一个下拉列表，其中包含了用像这个{{'January' | translate}}这样的管道翻译的几个月<selectsmall"> <option *ngFor
浏览 2提问于2016-09-20得票数 1
回答已采纳
1回答
this.playerName = name; this.heroImage = heroImage; }最后，在HTML我想这就是为什么我的应用现在坏了
显然，我的数组的变量是未解析的？我不明白，也不知道为什么。感谢任何帮助，谢谢
浏览 0提问于2017-11-14得票数 1
我有一个对象数组(list: any[])，用于*ngFor表达式。当我在运行时知道属性名时，可以从对象中显示其中一个属性吗？<div>
<div class="item" *ngFor<
浏览 0提问于2019-01-18得票数 3
回答已采纳
3回答
我有pb和angular 2 <h1> {{elm["0"].value}}</h1> 如果"elm“是一个数组，我如何访问它的值？
浏览 2提问于2016-06-24得票数 1
1回答
我正在创建一个动态表(从头开始)，该表由两个对象数组“列”和“行”构建。<table> <tr> {{ key.label }}
</th&g
浏览 5提问于2019-10-08得票数 0
回答已采纳
2回答
canI如何从地图中获取属性并使用Angular将其显示在表中？当我显示时，我得到Object object。如果使用property.first，我什么也得不到。//html <tr *ngFor="let user of $users | async">
<td>{{user.room}}</td> // user.room.first
浏览 0提问于2020-07-12得票数 0
1回答
如何获取对象中的数组
、、、
我从我的数据库中得到了这个数组：通过这一职能： this.db.list(`projects/${this.auth.userId}/${this.uploadService.pro.namec.payload.val() })) ).subscribe((data:any) => this.members = data;}
如何在ngFor中显示成员？我的尝试(第一个<e
浏览 0提问于2018-11-25得票数 2
回答已采纳
4回答
正确的ngfor数据格式
、、、
我将这块数据作为对象存储在一个变量中： "2019-06": [{ "media": ""2019-04": [{ "media": "6.0000"}]
我想要的是这
浏览 0提问于2019-06-07得票数 0
2回答
我需要访问键“类别”、“specCategory”和“总计”--我想要将其保存到Angular2 *ngFor数组中的键和值'Hotel' }, min: 49, max: 500, total: 1 } ]
1) *ngFor我试图通过*ngFor="let x of data
浏览 2提问于2017-01-15得票数 0
回答已采纳
我(想)我有一个字典数据集，其中键是日期，值是至少一个数组。我动态地将更多的数组加载到字典数组中，这样我就可以将它们显示为组件上的不同部分。目标是这样的：姓名:玛丽，年龄: 40日期: 10/1/17最后，dateArray将日期作为键中的字符串，然后将属性作为其特定属性的多个数组</em
浏览 3提问于2017-10-16得票数 1
回答已采纳
1回答
只允许数组和可迭代。(离子3)
、、、、
Only arrays and iterables are allowed --我查找了错误，有两种方法来完成它:更改传入的数据(不可能)或“转换组件中的对象”。data => { console.log(this.users); } <ion-list>
<ion-item *ngFor编辑:代码不在框中。编辑2: API我使用的是
浏览 0提问于2018-05-01得票数 0
回答已采纳
2回答
{"Spam":'codein'} ]这些行显示项目对象中的所有键<div *ngFor="let item of store[0].items" class="ai">
<div *ngFor="let key of objectKeys(item)">{{key}}<&
浏览 4提问于2017-11-16得票数 0
回答已采纳
我遇到了一个严重的问题，how to get Key and Value of JSON object using *ngFor并找到了一个很好的解决方案 (万一这个问题被标记为重复)。忽略复杂性并使用此解决方案，问题仍然没有得到解决，因为它迭代了从组件返回的新数组。业务需求：保持键/值对不受限制，并允许用户更改它们，在前面的中都是。下面是代码片段：
<tr *ngFor="let properties of matrixProperties">
浏览 0提问于2018-02-20得票数 0
3回答
我有一个数据网格，可以在整个应用程序中使用。我得到当前使用下面的代码选择rowid。在HTML中： <tr *ngFor="let ddata of tableData.data; let i = ddata" (click)="setClickedRow(ddata文件中，我正在这样做：
console.log("You s
浏览 1提问于2018-01-23得票数 0
回答已采纳
1回答
我看到了许多例子或文章，解释了基于数组的哈希映射。因此，在没有冲突的情况下，对散列映射的任何访问都是O(1)。因为访问实际上是针对数组的，因此知道数组的索引。哈希映射必须建立在数组上吗？
浏览 1提问于2022-08-23得票数 1
回答已采纳
2回答
我想访问ngFor中的对象键和值，例如，这是我的数组 {'random1':value1}, {'random3': value3}现在对象键都是动态的，我这样使用我的数组 &
浏览 0提问于2020-07-03得票数 1
2回答
如果我试图访问这样的数组的元素的属性：我得到了'Runtime .但是，如果我使用*ngFor，我可以访问数组中每个元素的每个属性。我漏掉了什么？如何访问特定元素的属性？
浏览 0提问于2017-04-27得票数 1
回答已采纳
2回答
我理解数据绑定的基本概念，但似乎无法使其与嵌套数组一起工作。我尝试了几种方法，但都没有用。不知道我做错了什么。在本例中，是3。类似于{{ timeslot.windows.length }}。
浏览 1提问于2021-02-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
