Angular 2/4 -如何访问ngFor中的特定数组
在Angular 2/4中，要访问ngFor中的特定数组元素，可以使用索引变量。ngFor指令提供了一个可用的索引变量，可以通过它来访问特定的数组元素。
以下是访问ngFor中特定数组元素的步骤：
- 在ngFor指令中使用索引变量。在ngFor指令中，使用let关键字定义一个变量来表示当前循环的索引。例如，假设我们有一个名为items的数组，可以这样使用ngFor指令：
<div *ngFor="let item of items; let i=index">
{{ item }}
</div>在上面的例子中，变量i表示当前循环的索引。
- 使用索引变量访问特定的数组元素。一旦有了索引变量，就可以使用它来访问特定的数组元素。例如，要访问第一个元素，可以使用索引变量0：
<div>
{{ items[0] }}
</div>要访问第二个元素，可以使用索引变量1：
<div>
{{ items[1] }}
</div>以此类推。
需要注意的是，索引变量是从0开始的，所以要访问第一个元素，索引变量应为0。
这是访问ngFor中特定数组元素的基本方法。根据具体的需求，可以在此基础上进行更复杂的操作和逻辑。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动应用开发平台（MADP）：https://cloud.tencent.com/product/madp
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我有一个项目数组，用来比较当前元素的用户id和前一个元素的用户id。当我尝试这段代码时，它产生了一个没有错误的空白页面： <div *ngIf=== messages[i-1].user_id"></div>你不能以这种方式访问模板中
浏览 1提问于2017-08-02得票数 0
回答已采纳
2回答
我理解数据绑定的基本概念，但似乎无法使其与嵌套数组一起工作。我尝试了几种方法，但都没有用。不知道我做错了什么。isOpen: true { to: "4:maxAvailability: 80, }, from: &quo
浏览 1提问于2021-02-18得票数 0
我试图从我的API中获取这些值，但是我不能在ion-list中显示它们。 错误的屏幕截图： ? 正如您在图像中看到的，我从我的应用程序接口中获得了数据，但我可以在ion-list中显示它们。HTML是这样的 <ion-list>
<ion-label text-wrap>
浏览 15提问于2019-03-03得票数 0
回答已采纳
例如，我有两个数组[1, 2, 3, 4, 5]
如何使用*ngFor以逆序显示这些键值对？像E:5 D:4......
浏览 23提问于2017-03-07得票数 0
回答已采纳
我想从输入标签中更改模型值，但我不知道如何以最好的方式实现。 <input #temp [value]='l.test' (blur)='l.test=temp.value'/><div>check(l,temp:string
浏览 2提问于2016-09-22得票数 2
回答已采纳
1回答
我有*ngFor与组(它的工作)，我需要显示"listofGroup“(在控制台工作，但考虑到否)，在这个特定的组中，我的问题是:如何在Angular2中的特定div中运行函数<div*ngFor="group in groups">
<h4
浏览 2提问于2017-11-14得票数 2
我是angular 2的新手，我想通过forEach循环和一些条件来访问数组的细节。然后我想通过ngFor发布这些数据。对于angular 1(通过angular.forEach循环)，这是非常容易的。如何在组件中使用forEach循环对数据进行更改？
浏览 0提问于2017-07-01得票数 0
1回答
我想创建一个带有输入的表，并从中读取数据。目前我有这样的想法：我想单独显示每个字母，但现在如果我输入第一行的第一个单元格，它会写成"0"："v"，第一行的第二个单元格"0"："i"，...and，如我的示例第一行的第五个单元格："0"："e“所示，但我希望每个单元格都有id，所以它必须是这样的：
"0": "v"
浏览 0提问于2017-06-13得票数 1
我从get请求接收JSON，并将其传递给数组 stnArray: [{ Station: string; StnRef: string; }] =[{Station:"Station", StnRef:"Station Reference"}] 我希望在DOM中每行输出2到3张卡片，但是在我的HTML中使用下面的代码只能得到每行一张。<div class='row wow fadeInUp' *ngFor='let index o
浏览 26提问于2021-09-28得票数 0
我想显示数组的一些元素。在使用管道过滤数组时，更新数组不会在DOM中得到反映，如下代码所示。import {Component} from 'angular2/core'})
浏览 1提问于2016-02-01得票数 2
回答已采纳
2回答
我正在开发一个angular应用程序。我有一个枚举，如下 export class myEnum { "status2" = 2, "status4" = 4,"status5" = 5
} 在我的html中，我有一个来自api的数据，我使用*ngFor将
浏览 32提问于2021-07-04得票数 0
3回答
我有pb和angular 2 <h1> {{elm["0"].value}}</h1> 如果"elm“是一个数组，我如何访问它的值？谢谢你的帮助。
浏览 2提问于2016-06-24得票数 1
我尝试在浏览器中分别显示数组中的每个元素。然而，这两个数组元素同时出现。这是我在浏览器中看到的一个示例。
有没有一种方法可以访问特定的元素并将该元素数据加载到模板中的其他位置，或者递增id以通过按钮显示下一个数组元素。ngFor="let tag of case?.ID: <span class="name"> {{tag.id}} &
浏览 0提问于2017-06-28得票数 0
_http.get(url).map( res => res.json() );
我想在angular2 html模板中访问它，我直接知道每个块对应的是什么，从技术上讲，它不是你要循环的数组。在angular中有没有一种方法可以在不使用管道或ngFor的情况下访问数据？目前，我使用的是一种非常脏的方法，即先对ngFor进行切片，然后使用字典
浏览 5提问于2016-07-28得票数 0
回答已采纳
我有以下来自角度2的错误：Parser Error: Unexpected token . at column 26 in [ngFor：import {NgFor, NgClass} from 'angular2/common';
imp
浏览 0提问于2016-05-26得票数 5
回答已采纳
下面是我的HTML代码，我想在单击特定的数组索引时更改NameList数组的颜色，例如，如果我单击NameList[1]仅元素背景颜色更改为绿色，如果再次单击NameList[2]，则NameList[1]背景更改为白色，nameList[2]更改为绿色，如何在angular 6中修复此问题。<div>
<ul *ngFor="let name of
浏览 19提问于2019-01-01得票数 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
2回答
我有一个由字段、其他对象和数组组成的对象，它如下所示 </div> <label>{{entity.creat.rule}}</label>
<div *ngFor中看到的内容。现在有两个问题困扰
浏览 0提问于2018-03-31得票数 1
回答已采纳
，在这个类中，我硬编码了要赋予下拉列表元素的值，如下所示。DROPDOWN_LIST3];<label for="options" *ngFor="let ite
浏览 10提问于2017-12-20得票数 0
回答已采纳
我想重复几次特定的元素，所以我使用了*ngFor指令和硬编码数组(如[1,2,3,4,5,6,7,8,9,10] )，这是非常棒的。我实现了我想做的事。码 selector: 'my-app', <div *ngFor="
浏览 1提问于2016-10-11得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
