方法问题上的Angular ngFor在第二个参数上添加变量
Angular的ngFor指令是用于在模板中循环渲染一组元素的重要工具。在ngFor指令中，第二个参数是一个可选参数，用于在模板中引用循环的当前元素。
在方法问题上的Angular ngFor的第二个参数上添加变量的主要目的是为了能够在循环中访问当前元素的索引。通过添加一个变量，我们可以使用该变量来获取当前元素在循环中的索引值，从而在模板中执行更多的逻辑操作。
以下是一个示例代码，展示了如何在ngFor指令的第二个参数上添加一个变量：
<div *ngFor="let item of items; let i = index">
<p>索引: {{ i }}</p>
<p>元素: {{ item }}</p>
</div>在上面的示例中，我们使用了两个变量：item和i。item是当前元素的值，i是当前元素在循环中的索引。我们可以在模板中使用这些变量来展示当前元素的索引和值。
对于这个问题，我们可以使用腾讯云的云计算产品来支持Angular的开发和部署。腾讯云的云服务器（CVM）和云函数（SCF）可以作为托管和运行Angular应用程序的基础设施。腾讯云对象存储（COS）可以用于存储和分发静态资源，如图片、视频等。腾讯云数据库（CDB）可以用于存储和管理应用程序的数据。腾讯云CDN可以用于加速应用程序的内容传输。
腾讯云的相关产品和产品介绍链接如下：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云CDN：https://cloud.tencent.com/product/cdn
以上是我对于方法问题上的Angular ngFor在第二个参数上添加变量的完善且全面的回答。如果还有其他问题，请随时提问。
相关·内容
我有一个执行替换的方法： replace('{findThis}', 'Replace with value'); 因此，我有以下几点： <ul *ngFor="let item of data"><li (click)="replace('{current}', {{item}})">{{item}}</li>
</ul> 但是第二个参数中的</e
浏览 13提问于2019-03-11得票数 0
回答已采纳
我在一些元素上使用ngFor循环，属性为disable true，值来自ngFor正在运行的数组。但我只能在ngFor标记中获取该值，而不能单独获取。以下是示例代码 <div
浏览 2提问于2018-09-04得票数 1
1回答
问:在Typescript中命名私有属性的最佳实践是什么?作为规则，应该为该属性创建一个“get and set”吗？_progress = value;…<li *ngFor="let item of progress"><li *ngFor使用私有变量通常会获得的封装性质并不存在，但是，遵守封装规则(IMO)是有一定价值
浏览 15提问于2018-02-15得票数 1
回答已采纳
1回答
在Angular中，您可以使用#来标识如下指令：我需要像这样让我的代码动态化：这样做的正确方法是什么<div class="list-cont shadow" *ngFor="let cat of categories; let l = index&qu
浏览 0提问于2020-03-01得票数 1
<li>Car Name:{{car.name}}</li></div><div *ngFor="#car of<ul> <li>Car Name:{{car.name}}</li>
<
浏览 0提问于2017-05-30得票数 2
我有一个角度页面，在*ngFor循环期间，我想要更新一个变量，然后在循环的每次迭代期间将其写入HTML。如下所示：<table *ngFor="let data of Dataset"><div>{{methodResult}}</div>
</table尝试添加一个在花括号内返回的方法<
浏览 1提问于2021-09-17得票数 0
Iframe一直在重新加载。有什么方法可以停止重新加载吗？我的代码<iframe
[src]="sanitizer.bypassSecurityTrustResourceUrl
浏览 14提问于2019-11-07得票数 1
回答已采纳
2回答
隐藏列表中的其他元素
、、、
我有以下代码： <span> {{item.tag}} <input type="text" #tagInput /></li>
代码在<
浏览 1提问于2018-11-05得票数 1
回答已采纳
请有人解释一下，为什么在不使用NgFor的情况下验证单选按钮是有效的： selector: 'rio-app', <form #myFormThe gender is required `export class AppComponent {}
但是，如果我试图使用NgFor做同样的事情，
浏览 5提问于2017-01-17得票数 5
回答已采纳
我有两个选择；第一个是你在不同大洲之间选择的。第二个mat-select选项包含国家/地区选项。我的问题是，例如，如果我在第一个mat-select中选择亚洲作为我的选项，我只希望亚洲国家在第二个mat-select中显示为选项，而不是其他国家。class="form"> <mat-label>Continents</mat-label&
浏览 43提问于2021-10-29得票数 0
回答已采纳
import {bootstrap, Component} from 'angular2/angular2'
selector: 'conf-talks', {{talk.title}} by {{talk.speaker}}
<p>{{talk.descriptionTemplate parse erro
浏览 11提问于2016-01-01得票数 466
回答已采纳
寻找最简单的答案；到目前为止，我找到的答案往往非常复杂，通常是针对比我更复杂的问题。<div *ngFor = "let event of events; index as i" class="event-list">
<section class = "event-item"我尝试了一堆可能是Angular 1x的技巧，但它们都不起作用，这并不令人惊讶。我不想依赖于用JQuery破解它，我更喜欢使用<
浏览 33提问于2019-02-25得票数 1
回答已采纳
1回答
我希望我的代码在相同的echo函数上显示两个变量，但是，我希望它们的样式不同。使“id”变小，颜色也不同。我不知道如何分离这两个变量，所以我可以在中间添加一些代码。我尝试使用第二个回波函数，但是“id”显示在底部，与“引号”函数分开。$row['id'];-但是，我需要这样显示：
-
浏览 1提问于2019-05-29得票数 0
回答已采纳
在我的angular应用程序中，我使用了一个select控件，让用户在*ngFor循环中进行选择。这有两个缺点: 1.显示意味着选择了不真实的第一个条目；2.为了实际选择第一个条目(并保存选择以在后端使用)，用户现在必须首先选择第二个条目，然后选择第一个条目。修改后的代码(在angular guilde中建议)如下所示： <select (change)="onSelectionDataChanged
浏览 14提问于2020-01-28得票数 1
回答已采纳
3回答
我使用了一个默认的android项目，并试图找到一种方法来更改选中的listview项的背景色。我知道这是通过选择器完成的。我试图模仿来自全息主题的原始外观和行为，只是改变了里面的颜色，但我失败了。有人能给我解释一下如何获得列表视图项目(longclick，fade等)的原始外观和感觉，并将颜色从这个奇怪的蓝色改为其他颜色吗？我必须将android sdk中的哪些内容复制到我的项目中，以及在哪里更改所选颜色？
浏览 0提问于2014-02-10得票数 0
2回答
我想在Angular 4上的formArray上显示数据。在构造函数上，我调用了该服务。}); }}在一个单独的方法中this.laboFormGeneral = this.formBuilder.group({
laboratoire: this.fo
浏览 1提问于2017-11-02得票数 2
import { Component, OnInit } from '@angular/core';import * as Chartist from 'chartist'; selector: 'app-home',col">Handle</th>
浏览 19提问于2018-02-04得票数 0
我正在使用Angular9，并创建了一个手风琴组件，当使用时，它看起来像下面的片段。我试图捕捉标题上的单击事件 <div *accordionItemHeaderlet-item [ngForOf]="items" let-i="index">
<ng-template ngFor le
浏览 1提问于2021-05-26得票数 0
回答已采纳
在角6中，如果设置了最后一个值，我希望访问*ngFor最后一个值，就像我希望操作的那样。<li [ngClass]="list.mydata==1?'replies a':'sent a'" *ngFor="let list of chatlist; let last=last;">
<span [last]="last"></span>list.sender_t
浏览 0提问于2018-10-09得票数 1
回答已采纳
修正的问题
在组件1ts中，我添加了名为scrollTop的局部变量，然后在组件1html中，我慢慢地开始向每个div添加sc
浏览 3提问于2017-07-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
