ngfor 相关问题

Angular NgFor遍历数组中的x个对象

我想遍历数组的前四个对象。我想使用ngFor而不是选择像这样的前四个对象：{{users [*] ?. UserName}} *为0-3我想使用它：...

ngFor中角度8中的＃variable.value的增量或减量

我需要使用＃variable.value增加数字变量。我的目标是增加或减少输入数量值，以ngFor产品的形式购买。所以这是我的代码：

将ngFor与trackBy一起使用可改善性能吗？

[在nging 6中将trackBy与ngFor一起使用可改善性能

* ngFor Angular HTML的小问题

我对* ngFor有问题。我认为索引在我的标签对象“ joueurClassement”中是ko。它不是一个好的数字序列。正如您可以看到下面的图片。这种情况有效，因为索引为0,1,2,3,4 ...

Angular ng-在 *ngFor 指令中选择多个值

我有几个由 *ngFor 指令创建的 ng-select（自定义服务器端搜索）下拉列表，可以从每个下拉列表中选择多个项目。 然而，问题是每次...

每次ngFor迭代中组件的不同视图

我有一个对象数组，并且我正在运行ngFor，我想为ngFor的每次迭代显示不同的视图const HEROES = [{{id：1，name：'Superman'}，{id：2，2，name： '蝙蝠侠'}，{id：...

在每个步骤上使用ngFor的迭代索引

我有一个对象数组，我正在其上运行ngFor。我想为ngFor的每次迭代显示不同的视图。 const HEROES = [{{id：1，name：'Superman'}，{id：2，name：'Batman'}，{id：...

如何使用角度创建有序列表？

通常创建一个有序列表很简单，但是我尝试在使用* ngFor指令时以有角度的方式进行。下面的代码就像一个咒语一样工作，除了它只说了...

Ionic-* ngFor完成后的回调

我目前正在使用Ionic（最新）+ Angular开发应用程序。我已经使用ngFor建立了一个列表，现在我想在ngFor完成后调用一个函数。我发现了这一点：角度2：...

Angular formControl-在ngfor循环的特定行中设置一个值

请在此处参阅完整的代码，在stackblitz上。当将第一个columnm下拉列表修改为Model时，会发现第3列显示了模型列表。单击添加行按钮->第二行，...

* ngFor不会循环所有项目

我正在尝试使用Firebase数据库构建角度项目。但问题是NgFor仅打印html中3个元素数组中的第一个元素。我有以下数据库结构：Home ts：...

是否可以更新在Angular 6中使用ngFor迭代的对象键的值

通过使用API 响应，使用ngFor如下创建dom元素。 HTML ]]] 就您而言，创建两个新属性可能会更好。一种用于产品数量，另一种用于根据价格变化的总价。尝试以下]] 控制器 export class AppComponent { name = 'Angular'; mItemCount = 1; actProdList = [ { 'CODE': 1, 'PRICE': 25 }, { 'CODE': 2, 'PRICE': 99 }, { 'CODE': 3, 'PRICE': 100 }, { 'CODE': 4, 'PRICE': 300 }, { 'CODE': 5, 'PRICE': 12 } ]; mCurrencyCode = '&#36;'; constructor() { this.actProdList.forEach(product => { // <- create new properties here product['quantity'] = 0; product['totalPrice'] = 0; }); } increment(ItemId: number, index: number) { this.actProdList[index]['quantity'] += 1; this.actProdList[index]['totalPrice'] = this.actProdList[index]['PRICE'] * this.actProdList[index]['quantity']; } decrement(ItemId: number, index: number) { this.actProdList[index]['quantity'] -= 1; this.actProdList[index]['totalPrice'] = this.actProdList[index]['PRICE'] * this.actProdList[index]['quantity']; } } 模板 <div class="col-sm-2 p-1 eventDiv ripple-container" *ngFor="let actProd of actProdList;let i = index"> <div class="d-flex justify-content-center mt-2"> <div class="w-100 ProductPrice d-flex justify-content-center">{{actProd?.totalPrice}} <span class="pl-1" [innerHtml]="mCurrencyCode"></span></div> <button type="button" (click)="decrement(actProd?.CODE,i)" class="btnStyles">–</button> <input type="text" #TotalCartCount readonly class="quantityBox" value="{{actProd?.quantity}}"> <button type="button" (click)="increment(actProd?.CODE,i)" class="btnStyles">+</button> </div> </div> 工作示例：Stackblitz

* ngFor循环中有多个输入文件的问题

在* ngFor循环中输入正确的输入时遇到麻烦。当我使用第一个输入（Certificat dimmatriculation）添加图像时，我向...

根据在Angular中同一行中的选择，根据所选值更改表单元格的值

我有一个服务表，其中每一行都包含一个下拉列表，并且每个条目都是一种服务类型。服务类型包含标题和费用。每当我...

我是Angular的新手，面临的问题是如何从本地.json文件中获取->标题和->图片->名称

请仔细考虑我的代码并给我一些建议，我想使用* ngFor循环显示app.component.html文件中的所有图像，在此先感谢。这是我的app.component.html文件代码

等效于C＃的简单“ for”（用索引迭代）

在剃刀页中，我可以写：@for（int i = 1; i <= Model.TotPages; i ++）{ @if（i == Model.CurPage）{@HTML ... 。

显示从API提取的数据不起作用-Angular 8

我是Angular的新手，我仍然不太了解它的工作原理。我从自己构建的API中提取了数据。之所以有效，是因为我在邮递员中进行了测试。我无法在我的有角度的应用程序中显示它们，也没有...

Angular Reactive Forms无法获得formControlName来设置ngFor模板循环上的值

我正在使用Angular反应形式，并且我试图在下拉列表中将形式控制值设置为默认值。如果我在模板中不使用* ngFor循环，则可以使它正常工作...

在ngFor或类似ngForOutlet之内创建不可重复的结构

如何在ngFor内部创建某些结构，将不会重复？我需要类似ngForOutlet的东西。我想根据某些项目属性对项目进行分组，然后将其插入适当的div中。到...

NgFor仅支持绑定到可迭代对象，例如数组IONIC 4

我正在开发离子4的项目。我想在离子选择中显示国家/地区列表，我想单击按钮打开列表。当我尝试使用静态值时，它可以完美工作。我也尝试过...