ngfor 相关问题

[[[[] ] >> 如果要访问house.members中每个项目的值，则将ngIf替换为ngFor，如下所示： <ion-card *ngFor="let house of (houses | async)"> <ion-list *ngFor="let member of house.members"> <ion-item button (click)="goToHouseDetailsPage(house)"> <ion-icon class="listIcon" item-left name="exit"></ion-icon> {{ house.name }} </ion-item> </ion-list> </ion-card>

ngfor angular-ng-if

回答 1 投票 0

在Angular 8.3.23上具有多个嵌套自定义数据的填充席表

我知道这有点具体，但是我试图用多个嵌套数据的子代填充表。我的数据组织如下：我的每个实体都有一个ID，一个名称和一条曲线； ...

angular angular8 ngfor mat-table custom-data-type

回答 1 投票 0

对模型中的数组进行迭代

提要：我试图遍历作为对象一部分返回的数组。该对象具有三个属性：2个字符串，1个数组。我想遍历我的html数组，但是似乎无法...

arrays angular ngfor

回答 1 投票 0

带模板变量和双向绑定的角形式* ngfor

我已经调查了几篇有关此类问题的文章，但没有找到解决方案。描述：一切都显示为带有init上的最后一个对象值“ profession”（model.overview：IOverview）...

angular iteration ngfor angular-template-variable

回答 1 投票 0

为什么ngng组件共享相同的变量

我正在列出问题列表（问题的名称和是/否复选框）。问题是，当我单击第二个问题复选框时，它仍会更改第一个问题。这是我的...

angular ngfor

回答 4 投票 3

为什么ngng组件共享相同的变量/函数

我正在列出问题列表（问题的名称和是/否复选框）。问题是，当我单击第二个问题复选框时，它仍会更改第一个问题。这是我的...

angular ngfor

回答 1 投票 1

ngFor循环列表中的第一个和最后一个对象

**早日房屋，请尝试使用* ngFor检索数组的第一个和最后一个对象时遇到困难**

angular ionic-framework ngfor

回答 1 投票 0

Angular-CSS样式在* ngFor]中的对象列表中发生变化>

我有两个组成部分，父项： [[

html css angular ngfor

回答 2 投票 0

将ng限制为固定数量的迭代

我的页面上有一个轮播，即使我有10张幻灯片，我最多也要7个点。我正在搜索，但尚未发现任何东西。这是我的代码 ] ] >> 您可以在ngFor语句中添加索引，并在有条件的情况下使用此索引，最多只能添加最多7个链接： <ul> <ng-container *ngFor="let page of pages; let i = index"> <li *ngIf="i < 7"> <a [href]="page.link">{{page.name}}</a> </li> </ng-container> </ul> 或者，您可以使用slice pipe在7个元素处截断数组： <ul> <li *ngFor="let page of pages | slice:0:7"> <a [href]="page.link">{{page.name}}</a> </li> </ul> https://stackblitz.com/edit/angular-mmjmqa?file=src%2Fapp%2Fhello.component.html上显示的两种方法> 切片管将需要导入： import { SlicePipe } from '@angular/common';

angular carousel ngfor

回答 1 投票 0

cdkvirtual，当我们需要较少的数据进行迭代时不起作用

当我过滤数组时，我们的数据较少，我们没有得到垂直滚动。因此* cdkVirtualFor不会重新呈现UI。当我们有更多数据时，它将起作用。如果我始终使用* ngFor，它将正常工作。使用* ...

angular angular8 ngfor angular-cdk-virtual-scroll

回答 1 投票 0

在函数调用后执行ngFor吗？

我有很多数据要处理，因此使用ngFor时需要花费一些时间来呈现它。以普通的Jquery方式，我使用了循环，当单击更多按钮时，它将渲染下一个10，并使用....

jquery angular typescript ngfor

回答 2 投票 -1

Angular 5中的预填充复选框

在Angular 5项目中，我有一个模板驱动的表单，该表单由以下数组预先填充：let data = [{Title：“ My Title”，Description：“ My description”，Value：“ my_value”，。 ..