如何在ngFor中使用固定结构时按2递增和更新索引值
在ngFor中使用固定结构时按2递增和更新索引值，可以通过自定义指令或者使用内置的index变量实现。
- 自定义指令方法：
- 首先，在组件中创建一个自定义指令，例如
IncrementIndexDirective。 - 在指令类中，使用
@HostListener装饰器监听ngForOf的事件，在事件触发时获取到ngForOf的上下文。 - 在获取到上下文后，修改ngForOf的上下文中的索引值，将其递增2。
- 最后，在组件的模板中，使用指令修饰ngForOf指令，即
*ngFor="let item of items; incrementIndex"。 - 最后，在组件的模板中，使用指令修饰ngForOf指令，即
*ngFor="let item of items; incrementIndex"。
- 首先，在组件中创建一个自定义指令，例如
- 使用内置的index变量方法：
- 在ngFor指令中，可以使用内置的index变量来获取当前的索引值。
- 在模板中，可以通过对index变量进行操作来实现递增2的功能。例如，
let i = index * 2。 - 在模板中，可以通过对index变量进行操作来实现递增2的功能。例如，
let i = index * 2。
以上两种方法都能实现在ngFor中使用固定结构时按2递增和更新索引值的功能。具体选择哪种方法取决于项目的需求和实际情况。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品列表：https://cloud.tencent.com/product
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
在解析json数据时，我需要保留键的顺序。在下面的图片中，原始键按顺序排列为"ProgramName，Curtailment1，2等“，但解析后按字母顺序排列。
我试图在下面的解决办法，以修复它，但困惑如何填充新的数组与所有数据的原始键顺序。
var keys = [];
for (var key in dataset[0]) { //dataset is parsed json
if (dataset[0].hasOwnProperty(key)) {
keys.push(key);
}
}
浏览 9提问于2020-06-25得票数 0
我做了一个chrome扩展，它从JSON文档中获取价格并将其插入到网站中，但价格的插入顺序错误。该网站是csgoempire.com/撤销
我尝试为chrome.runtime.sendMessage设置超时，但这只是在开始时延迟了它，而不是在每次循环运行时都延迟。
content.js
function replacePrices() {
let skinNumber = 1;
console.log("Changing Prices");
let prices = document.getElementsByClassName('item__
浏览 29提问于2019-10-29得票数 1
我比较新的角度，所以请原谅我的可能是微不足道的问题。
我也搜索了很多，发现了很多类似的问题，但是没有一个真正解决我的问题。
情况
让我们假设以下组件的模板：
<div class="wrapper">
<!-- Stuff -->
.
.
.
<div *ngFor="let group of groups">
<button #btn (click)="onClick(btn, group)">Change group title</b
浏览 1提问于2018-06-01得票数 0
我有一个这样的对象数组 [
{"desc":"a", "menu": 1},{"desc":"b", "menu": 2},{"desc":"c", "menu": 1},
{"desc":"d", "menu": 3},{"desc":"e", "menu": 3},{"desc":"f", "menu&
浏览 35提问于2020-10-28得票数 4
我想使用数字控制字段中的递增/递减按钮来快速跨越更大范围的值。为了做到这一点，我希望递增/递减按钮的工作方式是乘/除常量。
一个例子是选择电阻值。为了选择E12级数中的值，需要从1开始，然后将其一遍又一遍地乘以10^(1/12)。12表示每十年需要多少个值。
有没有办法改变向上/向下按钮的功能，或者我需要编写我自己的控件？
浏览 3提问于2013-09-24得票数 1
1回答
对离子3有些陌生-当我使用ngFor时，我希望循环通过一个数组。我使用了slice方法来一次显示数组中的一项。当我点击“下一步”按钮时，我希望显示数组中的下一项。
<div *ngFor="let reference of content | slice:0:1;">
<div> {{reference.item}} </div>
<div> {{reference.image}} </div>
<div> {{reference.field2}} </div>
<button ion
浏览 2提问于2017-11-28得票数 0
如何在mule4 datawave2.0中增加mapobject内的变量值(我不想使用索引)？我的代码：
"Employees":{(inputData.*Employees.*Employee map{
"Employee": ($) mapObject(v,k) -> {
---Increment variable value here
(k):updateReferenceId(v,($$)+1,v)
}
})}
浏览 1提问于2019-12-03得票数 1
1回答
我在一个td中有一个带有复选框的表。我必须为表中的每个复选框找到值。我该如何实现？ <tr id="trval" *ngFor="let x of csvData">
<td id="td" (click)="click($event)" contenteditable *ngFor="let y of x;let j=index" [class.active]="i == selectedRow">
<i *ngIf="j==0"
浏览 14提问于2019-05-01得票数 0
1回答
如何将str、str1、str2、str22、name、randNo添加到字符串数组中，循环中的数据(While)可能每次都会发生变化。当连接建立时，用户将数据发送给下面的程序，它需要将数据存储在一个数组中。
String s[][]=new s[100][100];
ServerSocket ss=new ServerSocket(9999);
while(true)
{
Socket s=ss.accept();
DataInputStream dis=new DataInputStream(s.getInputStream());
int
浏览 2提问于2014-03-22得票数 0
我有以下代码
<ion-card >
<ion-card-content>
<ion-chip *ngFor="let skill of contact.skills | split">
<ion-label>{{skill}}</ion-label>
</ion-chip>
</ion-card-content>
</ion-card>
如果没有技能，我想隐藏这张牌，所以我把它改成
<ion-card [hi
浏览 0提问于2016-12-12得票数 1
我有一个包含FormArray的FormGroup。FormArray与多复选框代码集成在一起。这些复选框实际上表示父类别中的子类别。父类别不是一个可以选择的选项。但是子类别是。当我分配已经从ts文件中选择的值时。我将FormControl的状态设置为true，并按顺序在formArray中推送它。例如：循环1开始，然后循环2开始，然后在Loop2值selected status的基础上，我创建了值为true的FormControl并推送到FormArray中。
现在的问题是，当我在html文件中呈现这个FormArray时。在嵌套的NgFor中，我只需要在FormCont
浏览 8提问于2019-10-24得票数 0
我读到，对于使用段树实现范围最小查询，预处理时间为O(n)，查找每个查询的解的时间为O(log(n))。它也需要额外的空间。
相反，如果我们简单地为一个数组找到某个子数组的最小值，我们可以在O(n)中找到它。
那么，为什么我们要使用段树实现呢？什么是物流？
是关于常量因子吗？
当段树特别有用时，有没有特殊的情况？
浏览 2提问于2020-08-17得票数 0
我的问题是，为什么post增量在第一个元素上不起作用，但当它包含在数组元素中时，却能正常工作？
以下是我所做的工作的一个片段，它的行为出乎意料：
当我使用这个代码..。
$lessonIndex = 0;
$EventArray[$lessonIndex]['Title'] = 'Lesson 1';
$EventArray[$lessonIndex]['Start'] = $TimeArray[$EventArray[$lessonIndex++]['Title']]['Start'];
$EventArray
浏览 2提问于2011-08-25得票数 1
回答已采纳
我目前有一个表单，它有一些基于php的元素。在表单中，当我按tab键浏览表单时，这些基于php的元素会被跳过。如何在表单中设置基于php的元素的Tab键顺序？
以下是代码的一个子集。我希望账单国家的标签顺序是13 (在邮政编码和电话之间)。
<div class="controls"><input placeholder="Zip Code" name="billing_zip" tabindex="12" type="text" class="medium" id="
浏览 12提问于2013-04-22得票数 1
我有一个表，它的数据是从api获取的，它使用ngfor显示该表，并使用index i跟踪每个表行。
如果http请求没有按顺序完成，这个逻辑就会中断--第一个来的将是第一个完成的。在angular中有没有更好的方法来处理这个问题呢？
我的逻辑。
Html模板
<code>A0</code>
打字脚本
<code>A1</code>
浏览 27提问于2019-03-27得票数 1
5回答
对于ngSwitch指令，我有点困惑--无论是‘属性指令’还是‘结构指令’。
属性指令使用“方括号”编写，如ngStyle、ngClass等(我们将其写为ngSwitch，将其称为“属性指令”)。
结构指令是用'aestrick‘编写的，例如*ngFor，*ngIf，等等(我们将这些情况写为*ngSwitchCase=“.”)这意味着这是一个结构性指令)。
<div [ngSwitch]="colorValue">
<p *ngSwitchCase="red">Red</p>
<p *ngSwit
浏览 3提问于2018-11-05得票数 3
回答已采纳
因此，我有一个div，它使用*ngFor属性迭代和填充一个表。在循环中，我使用它的数据值来分配我的div的背景色。如下所示：
<div class="col-xs-1-10" *ngFor="let item of combinations">
<div [style.background-color]="item.colorCode" [style.pointerEvents]="(item.slotStatus == 'CLOSED') ? 'none' : 'auto'
浏览 0提问于2018-12-10得票数 1
回答已采纳
1回答
Hi all，我有带有索引的嵌套ngFor (参见下面的代码).
<div *ngFor="let category of categoriesWithFoodies; let catIndex = index">
<span>{{catIndex}}</span>
<ul class="foodies-list">
<li *ngFor="let foodie of category.foodies; let foodIndex = index">
<sp
浏览 3提问于2017-08-21得票数 0
1回答
我想设计一个快速的数据库模式，它可以处理排序和过滤列，就像更新条目一样。
为此，我创建了以下场景：
事件只有一个名称、状态、最后订阅日期、描述和一个位置( subcribesevery )事件的可用座位数随事件一起保存，每次参与者事件有一个类别时都会更新事件，事件只能按类别列出，事件可以按名称、状态或日期(无xor)<</>H 111</code>排序，这些事件可以按名称、状态或日期(Xor)<code>H 212</code><code><code>H 113<//code>进行排序，这些表必须处理10
浏览 3提问于2012-05-30得票数 0
回答已采纳
是否可以在*ngFor中创建局部变量？例如：
<div *ngFor="let user of users; let myVariable = 0">
浏览 9提问于2018-01-08得票数 8
** Dup： **
所以，即使我知道你永远不会在代码中做到这一点，我仍然很好奇：
public static void main(String[] args) {
int index = 0;
System.out.println(index); // 0
index++;
System.out.println(index); // 1
index = index++;
System.out.println(index); // 1
System.out.println(index++); // 1
System.o
浏览 3提问于2008-12-09得票数 0
回答已采纳
private void findLDS() {
Integer[] array = Arrays.copyOf(elephants.iq, elephants.iq.length);
Hashtable<Integer, Integer> eq = elephants.elephantiqs;
Integer[] lds = new Integer[array.length];
Integer[] prev= new Integer[array.length];
lds[0] = 0;
prev[0] = 0;
int
浏览 0提问于2011-04-27得票数 0
回答已采纳
1回答
我对代码片段的时间复杂性有疑问，也不太理解给出的解决方案。
function (n) {
for(int i =0 ; i < n ; i ++){
for(int j = 0 ; j <= n ; j += i){
printf("*");
}
在上面的代码中，给出了内环对i的每个值执行i时间。而且，总的时间复杂度是O(nlogn)。
我不明白为什么内部循
浏览 0提问于2018-06-12得票数 0
回答已采纳
我对Angular非常陌生，我想知道是否有任何方法可以将ngFor循环递增2而不是1。
我正在尝试在一个分页中实现两个分页，这需要循环递增2。
我正在获取包含带有in的对象的对象。让我们假设用户及其地址列表。
(第一个NgFor是按2对用户进行分页。如果我有15个用户。在一个页面中显示2个用户)
li *ngFor="let user of Users | paginate: { itemsPerPage: 1, currentPage: p };let i = index"
{{user[i].firstName}} <--Displaying first userNa
浏览 13提问于2017-07-19得票数 4
当我尝试使用单选按钮从列表中选择一个address并将其保存到localstorage时，结果会得到null。
怎么修呢？
html
<form [formGroup]="form">
<ion-list>
<ion-radio-group formControlName="pickup_points_id">
<ion-item *ngFor="let pickuppoint of pickuppoints">
<ion-labe
浏览 5提问于2021-02-19得票数 1
回答已采纳
我正在构建一个GUI，当我按下一个按钮时会显示图像，但有很多图像，有时我想跳过一些图像，所以我要做的是，获取一个编辑文本框，我在其中放置我想要转到的图像的编号，按下一个按钮来按下另一个按钮，直到我到达所需的图像。我想这样做(按下另一个按钮x次以获得所需的图像)，因为在图像传递到另一个的同时，会有一堆并行的事情发生。
所以我的按钮代码是：
function pushbutton14_Callback(hObject, eventdata, handles)
% hObject handle to pushbutton14 (see GCBO)
% eventdata reserved -
浏览 4提问于2017-02-07得票数 1
回答已采纳
1回答
在我的应用程序中，我在单击数据时保存了数据(我们可以通过输入一些数据来添加多个数据，单击“保存”按钮来保存多个数据)。
.component.html
<ng-container *ngFor="let categoryDetail of selectedCategoryDetails">
<div class="__header">
<div>
<b>{{ categoryDetail.category }}</b>
</div&
浏览 5提问于2022-04-27得票数 0
回答已采纳
有谁可以帮助增加和减少单个项目的tap值？下面是我的代码：
<ion-item *ngFor="let item of product; let i = index">
<ion-thumbnail item-start>
<img src= "{{ item.product_image }}">
</ion-thumbnail>
<h2>{{ item.product_name}}</h2><br>
<p> {{ ite
浏览 1提问于2018-02-28得票数 0
compontent.html
<mat-form-field>
<mat-select>
<mat-option *ngFor="let i of jsonArray">{{i.name}}</mat-option>
<mat-select>
</mat-form-field>
如何在angular中按索引获取json key {{i}}
浏览 14提问于2018-02-22得票数 0
我试图解决这个问题一个小时，只是找不到任何办法。问题如下：
排序的列表，长度N。列表中可能有副本。给定一个元素x，您需要在列表中找到x的最新索引。如果x不存在，则返回相关消息。
注：模型是(并发读取排他写)--意思是允许并发读取，但写入是独占的意思，并发写入是而不是允许的。
1)描述一个使用N CPU并在固定时间内解决问题的并行算法(我猜它们的意思是O(1))。
2)说明了算法正确的原因。
浏览 8提问于2017-04-15得票数 0
回答已采纳
3回答
我使用的是Angular。 我有一个有两列的表格。第一列的每个单元格都是一个序列号。第二列的每个单元格都是序列号的下拉列表。我正在绑定到我的组件中的数据源，它工作得很好。 我的数据源是我的组件中的一个简单的硬编码数组(我有任意多的元素，这里我只显示一个)： toolSeries = {
"Series": "12345678A",
"Serials" : ["123321", "123321", "54654", "357", "386758"],
浏览 55提问于2021-08-20得票数 1
2回答
我可以使用这个css在浏览器窗口的左侧保留一个div：
.foo {
position: fixed; top: 0; left: 0; z-index:999;
}
div将始终显示在浏览器窗口的左上角，即使在滚动窗口时也是如此。
现在，我希望将div保留在浏览器窗口的右侧，但这并没有完成工作(在Safari中)：
我该怎么做？
答案
答案是添加float: right，例如：
.bar {
position: fixed; top: 0; right: 0; z-index:999; float: right;
}
其他浏览器可能不需要它。
浏览 3提问于2016-05-30得票数 1
用于带有range子句的语句
对于数组、指向数组的指针或片值a，索引迭代值按递增顺序产生，从元素索引0开始。如果最多存在一个迭代变量，range循环将生成从0到len(a)-1的迭代值，并且不对数组或片本身进行索引。对于零切片，迭代次数为0。
根据规范，迭代Go中的线性数据结构(数组、切片或字符串)将得到每个元素，并且总是按照索引的增加顺序排列。
for i, v := range []int{11, 22, 33, 44} {
fmt.Println(i, v)
}
但问题是我在规范中找不到保证，
这个带有隐式索引迭代值的范围迭代遍历子句也将始终保持相同的顺序：
for _
浏览 0提问于2019-02-04得票数 1
回答已采纳
我在我的音乐播放器中使用了Fisher-Yates shuffle，然而当你播放前一首歌时，它也是列表中的一首随机歌曲。因此，我添加了一个保存已播放歌曲PlayedSongs的列表。它会记住所有播放过的歌曲。如何向前和向后播放这些歌曲？如果我往回看3首歌，然后再往前看，它仍然是2号上的那首歌。然而，想到这个算法让我头疼，我不能正确地理解它。这就是我所拥有的。 再次明确:我想要一个可以向前和向后播放的混洗。当向后播放时，所有的歌曲都必须按最近的顺序播放。(它是临时的，所以这个列表在退出时会被清除)。 这个if -语句来自另一个方法，该方法通常播放歌曲并检查是否启用了Shuffle： //aft
浏览 22提问于2020-01-20得票数 1
我用的是角4+
这是我的数组
我使用ngfor来使用可拖 div填充数据。
['MODEL', 'PART', 'CUSTOMER'];
每当我拖动/交换一个div时，新数组就会变成如下所示
['PART', 'MODEL', 'CUSTOMER'];
找不到任何解决办法
我的柱塞
浏览 1提问于2018-11-05得票数 1
回答已采纳
2回答
在AEM中，我添加了一个具有相同id的dropdown组件，所以我确实喜欢使用JQuery的动态id，但是最后递增的值被分配给所有的id。
var count=0;
$(".tab").each(function(count) {
$("select.tab-select").attr("id","tab-select"+count);
count++;
});
浏览 1提问于2018-09-12得票数 1
我正在使用selenium来比较web-table中存在的名称，我声明了具有名字和第二名称的局部变量，并将其与web表中存在的值进行比较。
对于一个积极的流程，我的代码可以正常运行，并且它显示了预期的结果。
对于声明的字符串lastname中的名称与web表中的值不匹配的负流，不会显示预期的结果。assertTrue中显示的消息未打印。我的eclipse显示testng正在运行，但之后什么也没有发生。
我的假设是，如果web-table的姓氏不是'Product‘，那么record found的值应该是false，它应该移到'AssertTrue’行，并打印stmt Lastn
浏览 2提问于2015-10-02得票数 1
1回答
Java控制回路
、、、
所以我想用java (我是初学者)做一个受控循环，它基本上是一个循环，在用户输入一个特定的数字然后循环结束之前，它基本上是一个没有特定限制的循环，所以我创建了一个数组，并将它放入一个循环中，希望用户输入任意数量的数字，直到他们按0，然后循环中断：
int[] n = new int[100]; // maximum size of the array is a 100
int i=0, counter = 0;
Scanner userInput = new Scanner(System.in);
do {
System.out.println("Type your "
浏览 5提问于2022-06-26得票数 -1
1回答
我正在试着做一个简单的计数器，点击一个名为"+“的按钮会使一个变量(Score)增加1，而点击"-”按钮会让它减少1。事情是这样的，每当我第一次按+时，Score实际上会在第二次按下时递减1，反之亦然。我做错了什么？
顺便说一句，我写代码只是为了好玩，而且我也是Stack Overflow的新手，所以请原谅代码的混乱。
<!DOCTYPE html>
<html>
<p id="Score1">
</p>
<p id="Score2">
</p&
浏览 21提问于2018-09-11得票数 0
回答已采纳
当我回答另一个问题时，我看到了一本书的截图，书中说*ngFor (语法糖版本)是由两种结构指令组成的。
这是书中所示的代码：
<ul>
<li *ngFor="let book of books">
{{book.title}}
</li>
</ul>
因此，当声明“结构指令很容易识别，在指令属性名称(*)前面有星号(*).”时，要么是错误的。否则这本书就错了。因为我只看到一个星号。
所以我开始挖掘棱角的ngFor文档。我找到了
从这个截图来看，这本书的作者似乎是对的，[ngFor]和[n
浏览 2提问于2021-01-17得票数 2
我正在尝试为一组相同的输入使用*ngFor，但输入应该绑定到的属性除外。 <mat-form-field *ngFor="let prop of [ID, Name, Nickname]">
<input matInput type="text" placeholder="prop.key" #propInput [(ngModel)]="prop">
<button mat-icon-button matSuffix mat-icon-button *ngIf="propI
浏览 25提问于2019-09-27得票数 1
回答已采纳
我对角度框架还很陌生，而且嵌套*ngFor循环用于显示分层数据时存在性能问题。
*ngFor -每项10项(1级)扩展面板
*ngFor 10项(第2级)网格列表以显示内容
*ngFor 5项(级别3)、5个按钮切换和2个选择控件
为了避免加载所有数据，我将根据当前打开的第1级面板为第2 *ngFor设置集合。
当我展开一个面板或者我试图按一个按钮切换时，整个页面都非常慢。注意:我不使用这些操作更改集合。
为了进行调试，我在每个ngFor中放了一个函数来返回集合。我看到每次按下按钮切换时，角都会多次重新执行所有*ngFor指令中的所有迭代。
我不明白为什么每次更改控件时，所
浏览 6提问于2019-09-29得票数 0
1回答
我正在使用bjqs slider和fancybox。我正在尝试计算显示的图像数量，并将它们显示为图像1/3、2/3、3/3等。目前，脚本显示计数，但它不响应第一次点击和计数总图像的数量是错误的。
任何帮助都将不胜感激，以下是代码：
<script>
$(function() { $('.toggle').click(function() { $('.col_2').toggle(); return false; }); });
$(window).resize(function(){ if(window.innerWidth > 960) {
浏览 0提问于2013-08-27得票数 1
我正在调查我目前的安卓应用程序中的de.undercouch:citeproc-java:2.0.0。
我找不出一款可以在安卓和citeproc-java上运行的ScriptEngine。
我的Gradle是这样的：
ext {
compileSdkVersion = 30
minSdkVersion = 26
targetSdkVersion = 30
}
dependencies {
implementation 'io.apisense:rhino-android:1.1.1'
implementation 'de.u
浏览 3提问于2020-11-19得票数 7
1回答
我有一个应用程序，它从mongodb加载项目，并使用ngFor将它们放到列表中。现在，每个项都有一个按钮来加载有关此项的更多数据，，但是当我为一个项加载数据时，相同的数据将自动添加到所有其他项中。
我想，我可以做一些ngIf解决方案，但是否有更优雅的方法来做到这一点。
它位于我的数据服务文件中，用于从mongo加载数据：
getProjectData(companyID, projectID): Observable<any> {
return this.http.get(`/api/get_test_project/${companyID}/${projectID}`).
浏览 0提问于2018-02-10得票数 2
当在*ngFor中使用mat-tab (包括角材料)时，我面临一个问题。我有一个按钮，当单击该按钮时，它会与*ngFor重复代码。代码中的textArea有一个id = serReal{{j}}，其中j是*ngFor的索引。不过，我的推荐信不管用。当我试图在我的类型记录代码中获得元素时，它只得到第一个元素(serReal0)。对于其他人，我得到的是空值。
我的Html代码：
<!-- here I call it to duplicate -->
<button mat-icon-button (click)="addData()" type=
浏览 1提问于2019-05-30得票数 0
回答已采纳
1回答
我想让我的不和谐机器人按顺序改变状态。例如，我希望机器人的状态是"T"，然后是"Te"，然后是"Tes"，然后是"Test"，然后重复。 我已经按照我想要的方式对数组进行了排序。这是我当前的代码： const index = activities_list.sort()
var activitySet = activities_list[index]
client.user.setActivity(activitySet) 我正在使用Node v12和discord.js v12。
浏览 8提问于2021-02-03得票数 1
回答已采纳
我正在尝试从任何位置插入和获取数据，我需要一个数据结构，它可以在O(1)中为我提供访问。
我已经浏览过这个链接：
浏览 0提问于2019-09-18得票数 0
下面是我使用的代码。如果我按addQuanity，m_label is set会显示一个而不是两个。如果我再次按addWuantity，m_label将显示2。按minusQuantity将m_label更改为3而不是2，但再次按minusQuanity将m_label更改为2。
谢谢你，莱恩
NSInteger counter = 1;
-(IBAction) addQuantity
{
if (counter > 9 )
return;
[m_label setText:[NSString stringWithFormat:@"%d",++counter]];
浏览 2提问于2012-02-27得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
