嵌套的*ngFor用于检测不正确的索引
嵌套的*ngFor是Angular框架中的一个指令，用于在模板中循环嵌套的数据集合并进行渲染。它可以用来迭代多个数组或对象，并在每次迭代中生成相应的HTML元素。
嵌套的*ngFor的主要作用是实现多层次数据的展示和处理，例如在一个表格中显示多维数组的数据，或者在一个嵌套的菜单中显示多层级的数据。
使用嵌套的*ngFor时，需要注意以下几个常见的问题：
- 不正确的索引：由于嵌套的*ngFor会生成多个嵌套的循环，因此在获取索引时需要确保使用正确的索引值。如果使用错误的索引，可能会导致数据的错误渲染或处理。
为了避免不正确的索引，可以在嵌套的*ngFor中使用内置的索引变量，例如使用let i=index来获取外层循环的索引，然后在内层循环中使用let j=index来获取内层循环的索引。通过使用不同的变量名，可以确保获取到正确的索引值。
示例代码如下：
<div *ngFor="let item of outerArray; let i=index">
<div *ngFor="let subItem of item.innerArray; let j=index">
Index: {{ i }} - {{ j }}
</div>
</div>在上述代码中，i代表外层循环的索引，j代表内层循环的索引。通过使用这种方式，可以确保获取到正确的索引值。
总结： 嵌套的ngFor是Angular框架中用于循环嵌套数据集合的指令。在使用嵌套的ngFor时，需要注意获取正确的索引值，可以通过使用不同的变量名来获取外层循环和内层循环的索引。通过合理使用嵌套的*ngFor，可以方便地展示和处理多层次的数据。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/tencentxr
相关·内容
有一个trackBy函数的排序和数组有问题。用例如下：
我有一个项目数组。所有这些项都具有z索引属性。我也有一个图层管理器，可以编辑每个项目的z索引.当我想保存我的项目时，我想根据每个项目的z索引属性对数组进行排序。我还在ngFor上设置了一个ngFor，以限制*ngFor上的更改检测量。
使用我的*ngFor上的trackBy函数，当我对数组进行排序时，条目切换位置(这很糟糕)。如果删除trackBy函数，则不会发生这种情况，并且项目将按照z索引进行排序。
*ngFor:
<div class="item" *ngFor="let item of items;
浏览 3提问于2018-01-24得票数 3
回答已采纳
1回答
如何以8角显示阵列内的数组值？
、、、、
我对角度很陌生，并试图在表中的数组值中显示数组。
这是我的json数组，想要在行中显示它
{
"data": {
"Influencer": [
{
"clickDetails": [
[
{
"clk_counter": "1",
"social_type": "14"
}
],
浏览 2提问于2020-12-08得票数 0
回答已采纳
我得到以下错误
错误:模板解析错误:不能绑定到'ngforOf‘，因为它不是一个已知的’离子-项目‘属性。1.如果“离子项”是一个角度分量，并且它有“ngforOf”输入，则验证它是该模块的一部分。2.如果“离子-项目”是网络组件，则在该组件的“CUSTOM_ELEMENTS_SCHEMA”中添加“@NgModule.schemas”以抑制此消息。3.若要允许任何属性添加“NO_ERRORS_SCHEMA”到此组件的“@NgModule.schemas”，请执行以下操作。(...
有关以下模板代码
<ion-card *ngFor="let i of routineL
浏览 5提问于2017-10-15得票数 0
回答已采纳
我正在进行一个项目，该项目从Firebase中提取数据，并在ngFor循环中将其全部显示在div内部。单击div时，它将打开一个显示div中数据的模式。一切都正常，除了我单击打开模型时，它只显示第一个div的数据，不管我单击哪个div。我希望每次点击div时，我都会忽略一些简单的东西来传递正确的数据。
<div *ngFor="let game of games | async; trackBy:trackByGame" (click)="modal.open()">
<gamemodal [game]="game">
浏览 4提问于2016-10-12得票数 0
回答已采纳
我有一组是对象的项目。这些项目是从服务中调用的，并在购物车页面上显示。
单击“删除”按钮时，将运行delete this.cart.items[i];。this.cart是我的服务，并从对象中删除该项。它在页面上也成功地做到了这一点，但是我在控制台中得到了一个空白元素和错误，名为Cannot read property 'qty' of undefined。我假设ngfor会自动更新DOM并删除元素，因为该对象不再存在。我还需要手动删除DOM中的元素吗？
从下面的数组中，我希望完全删除第一项，但仍然显示第二项。
[
{
"desc": "De
浏览 4提问于2020-08-23得票数 0
回答已采纳
我不知道！
我在ngFor中有几个与ngFor绑定的复选框，但是如果我的标记被包装在<form>标记中，UI会意外地工作。例如，[checked]="team.original“和[disabled]="!group.internal"不工作--它应该这样做。
谢谢!
编辑：
例如，您是否看到checked="team.original“和”disabled="!group.internal“它们不按照它的值工作。对于‘原始’列，我打印实际值- 'false‘，但chackbox被选中。
浏览 3提问于2017-02-26得票数 2
回答已采纳
我想知道，Angular团队是否计划为ngfor添加一个数字或变量？这对于开发来说将是非常舒适的。
目前，我们必须创建一个伪表
fakeArray = new Array(12);，然后是<li *ngFor="let a of fakeArray"></li>
感谢你的社区。
浏览 7提问于2018-01-16得票数 1
回答已采纳
此代码运行良好：
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div>
<a [routerLink]="'3'" mat-raised-button>Voir la boutique</a>
</div>
</div>
</div>
</div
浏览 1提问于2020-06-22得票数 1
回答已采纳
我有一个嵌套的数组，我使用ngFor来迭代这个数组。
例如:我有一个城市列表，在我显示用户的城市下面。
我正试着按字母顺序对城市内的所有用户进行排序。
HTML
<div *ngFor="let data of locations$ | async">
{{ data.name }}
<ul *ngFor="let permission of getPermissions(data) | async">
<ng-container *ngFor="let user of permission.users">
浏览 3提问于2022-07-22得票数 0
回答已采纳
2回答
我使用ngFor来做一个问题，在这些问题中，我使用另一个ngFor来显示位置答案，每个答案旁边都有一个单选按钮。
一切都是正确的，如果我点击第一个问题中任何答案的收音机，一切都进行得很好。
当我试图点击第二个问题的答案时，问题就出现了，如果我点击其中任何一个，就会检查第一个问题的单选按钮。
这是我现在的密码。
<div id="question{{questionInd}}" class="card bg-blue-grey bg-lighten-5" *ngFor="let question of focusGroup.aptitudeTest.
浏览 1提问于2019-03-17得票数 0
回答已采纳
我尝试根据需求动态生成表单，但是它给出了一个错误，显示无法用路径找到控制：
这里，我从API获得了一个列表，根据这个列表，我尝试动态生成复选框并将它们添加到for组，但是它会产生错误，请参阅下面的代码。
以下是组件代码：
export class QualificationExpComponent implements OnInit {
jobmasterList: any = [];
checkboxform1: FormGroup;
public jobcount = 0;
constructor(private formBuilder: FormBuild
浏览 3提问于2021-05-02得票数 0
TL；博士:我已经有了可行的解决方案，但是我想要解释一下为什么mat的行为是这样的。
在用角度材料构建应用程序时，我在模板中使用mat-select和*ngFor组合时遇到了这个错误：get priorities函数被连续调用，就像无限循环中的get priorities函数，浏览器冻结了。
组件
get priorities() {
return [
{ name: 'NORMAL', value: 100 },
{ name: 'HIGH', value: 200 },
{ name: 'FOR
浏览 8提问于2021-10-20得票数 1
我试图理解trackBy在角ngFor，但我找不到任何区别，无论我是否使用它。下面是我的代码
.ts
export class AppComponent {
users = [
{id: 1, name: 'Test User 1', role: 'ADMIN'},
{id: 2, name: 'Test User 2', role: 'DEV'},
{id: 3, name: 'Test User 3', role: 'DEV'},
]
add(){
浏览 4提问于2020-07-05得票数 0
回答已采纳
2回答
如何在角7中创建延迟加载树视图
、、、、
我正在使用角创建一个TreeView，创建treeview的场景是，对于每个级别，我有不同的API，如果我单击父级节点中的一个，那么只有子节点应该只为该特定节点生成，等等，并且每个子节点列表都来自API。
现在的问题是，当我在创建的树视图中创建嵌套列表时，单击任何节点。正在为该节点和其他节点生成子节点。
这是我的密码。
<ul>
<li *ngFor="let item of companyList" [id]="item.id">
<span (click)="getLocation(item)&#
浏览 0提问于2019-03-15得票数 7
回答已采纳
1回答
我试图使用拖放功能与角材料7相关。
我使用ngTemplateOutlet将我的模板分割成可重用的部分，每个选项都可以是Thing™或嵌套的Thing™，后者有更多的子对象™。
嵌套的Things™显示为扩展面板。我希望所有一级Things™都可以重新排序，就像有一个列表一样。
(好的，好的，很明显，这是一个带有正常和嵌套选项的可重排序的sidenav，只是假装它不那么明显)
这是我最初写的代码。
<div cdkDropList (cdkDropListDropped)="dropItem($event)" lockAxis="y">
<
浏览 0提问于2018-11-08得票数 5
回答已采纳
我正在尝试将一个ngIf放在一个div上，在一个td元素中的一个ngFor中。我的html组件中包含以下内容：
<td id="fila{{registro.id}}" *ngFor="let campo of cabeceras">
<div *ngIf="matching(registro[campo])">{{registro[campo]}}</div>
</td>
另外，我的component.ts中的matching()函数是：
matching(valor) : boolean
浏览 0提问于2017-10-18得票数 2
我正在使用反应性表单构建产品表单。
当我选择所有复选框并单击“重置”时，复选框将不会更新**
当我移除trackBy时，它正常工作，如何使用ngFor trackBy使其工作
下面是示例：
浏览 3提问于2020-09-05得票数 1
回答已采纳
2回答
我试图在*ngFor中声明一个索引，但是我得到了一个类型错误，它表示
无法通过*ngFor上的错误读取未定义的属性“toUpperCase”
<div class="text" *ngFor="let item of blogs; let i = index | async | filter : 'feat' : true">
如果我取出let i= index，它工作得很好，但是我想使用索引，这样我就可以将css类应用到元素中。看看文档，这就是你应该怎么做的。
浏览 4提问于2016-08-21得票数 0
回答已采纳
每当用户创建一个新的选项卡时，我都试图以编程方式更改为下一个选项卡。但是，我不能让它起作用。我看到了一个，它表明我仍然应该在重复的<p-tabPanel>元素上使用[selected]输入，但是我似乎无法正确地完成它。最后，在创建另一个选项卡时，我会得到TabPanel.html:2的这个错误。
Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'true'. Current value: &
浏览 1提问于2018-03-30得票数 1
回答已采纳
1回答
在我的项目中，在summary.component.ts中有两个数组，一个依赖于另一个：
state: State[]
city: City[]
selection: number[] = number
其中类state.ts
id: number
name: string
和city.ts类
id: number
name: string
score: number
state: State
在DB中，我遇到了以下情况：
STATE
--------------
id | name |
--------------
1 | USA |
--------------
2
浏览 2提问于2021-03-19得票数 0
回答已采纳
1回答
我目前正在与角度和SQL Server后端的.NET应用程序接口的个人项目。现在我不想使用外键，因为这样您就依赖于数据库了。所以我的模型确实有引用的id，它引用了其他对象。
这个应用程序的主要目的是创建一个任务列表，表明任务是否完成，以及任务被分配给谁。例如，任务模型有一个名为："responsible_user_id"：1的属性。数字1表示id =1的用户负责此任务。但是1在前端并没有多大意义，我想显示用户的名字。
现在我有了以下内容：
<div class="container">
<div class="row"
浏览 3提问于2021-10-08得票数 0
我有一个对象数组。我在屏幕上有两张桌子。我想要n-1个元素在顶端的表格和最后一个元素显示在底部的列。 HTML顶层表格： <th>name</th>
<th>age</th>
<tr *ngFor="let key of array">
<td> {{key.name}}</td>
<td> {{key.age}}</td>
HTML bottom table:
<th></th>
<th>age</th>
<tr
浏览 41提问于2020-01-28得票数 0
回答已采纳
1回答
我有一个嵌套的对象，我想把它传递给PrimeNG动态表，但是它看起来并没有发生。无论我在哪里嵌套了对象，我都会像往常一样传递它，但不会发生。
在使用PrimeNG时，我们需要遵循什么特定规则吗
.html
<p-table [columns]="cols" [value]="MyData">
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns
浏览 14提问于2020-06-25得票数 1
我的问题涉及角度(2)使用RC1叉从angular.io样品柱塞。ngFor模板中的数据绑定函数在运行时就好像在ngFor之外的任何事件上都是真的一样。在我的示例中，单击ngFor外部的按钮。
我尝试过使用和不使用trackBy函数(尽管它糟糕的文档目前还不确定我是否正确使用它)；我无法确定如何确保每个操作都不会导致ngFor的重绘，因为这可能非常昂贵。
单击日志的结果：
按钮
画图
画图
通过查看控制台日志，您可以在此上看到问题：
import { Component } from '@angular/core';
@Component({
sele
浏览 6提问于2016-05-26得票数 1
回答已采纳
我有一个父组件，可以从服务Settings获得过滤器。
export class OrdersExecutionSidebarComponent {
public get filters(): _Filter[] {
return this.settings.filtersRepository.filters;
}
}
模板是：
<app-filter [filter]="flt" *ngFor="let flt of filters"></app-filter>
子组件app-filter
@Com
浏览 0提问于2020-10-25得票数 0
回答已采纳
4回答
我有数组，其中包含: id和内容。
dashboard.component.ts
this.tablePresetColumns = [{id: 1,content: 'Username'},{id: 2,content:'Status'}];
this.tablePresetData = [[{id: 1, content: "Budi Kurniawan"},{id: 2, content: "Busy"}]]
到目前为止，我已经尝试过这些：
Dashboard.component.html
<table class=
浏览 1提问于2019-02-26得票数 0
2回答
嵌套窗体组触发器多次更改检测
、、、、
使用作为参考，我使用反应性表单复制了动态嵌套表单组创建。
但是，当将新的表单组添加到表单数组中时，它会多次触发更改检测。
我的代码
component.html
<button mat-flat-button color="primary" (click)="addMaterial()">Add</button>
<form [formGroup]="positionFormGroup" novalidate>
<table formArrayName="positionInfos&
浏览 1提问于2020-08-01得票数 0
回答已采纳
1回答
在下面的代码中，我想执行以下操作
if index is equal to 0 the text of the button should be info and enabled
和
if index is equal to 1 the text of the button should be INFO and disabled
请看一看下面的我，让我知道下水道
码
td *ngFor="let application of applications;let index=index">
<p>
<button (clic
浏览 2提问于2021-04-01得票数 0
1回答
我使用了反应性表单来创建动态筛选表单。我想为mat-select设置默认值。守则如下：
component.html:
<form [formGroup]="filterForm" (ngSubmit)="onSubmit()">
<div class="to-create" formArrayName="filters">
<div class="sub-items" *ngFor="let child of filters().controls; l
浏览 5提问于2022-10-12得票数 0
回答已采纳
我有一个具有以下结构的动态反应形式，它旨在创建一个由任意数量的用户组成的矩阵，每个用户具有任意数量的userRoles： this.form = this.formBuilder.group({
users: this.formBuilder.array(
this.usersRoles.map(
urs => this.formBuilder.group({
userRoles: new FormArray(
urs.map(r => new FormControl(r))
)
})
浏览 19提问于2019-01-01得票数 0
我试图将角材料的虚拟滚动与拖放结合起来，但由于某种原因，当我试图实现这个功能时，它会恢复项目，而当我试图拖放元素时，它就无法工作。
下面是代码的摘要
<cdk-virtual-scroll-viewport cdkDropList itemSize="50" class="example-viewport">
<div cdkDrag *cdkVirtualFor="let item of items" class="example-item">{{item}}</div>
</cd
浏览 5提问于2018-12-17得票数 12
回答已采纳
我对角2(和StackOverflow)很陌生，并且可能以一种不适当的方式使用类绑定。我想和专家们商量一下。
我有一个ngFor循环，它显示来自多个对象数组的数据。在每个对象中都有一个用户数组。如果用户已登录，我希望更改每个数据项的类。
在下面的示例中，我将用户硬编码为一个公共变量。
在我的ngFor循环中，我从类绑定中调用一个函数(“checkUser”)，并传入当前数据项。函数checkUser将搜索数据项中已登录的用户，并返回true或false。如果返回true，则将项的类设置为active。如果为false，类将停留在默认的非活动状态。
这是因为如果找到了用户，类就会改变。
然而，发
浏览 4提问于2017-04-11得票数 0
我检查了许多Stackblitz示例的formArray验证，并根据另一个formControl值禁用了formControl，并尝试了相同的方法，但在我的表单中，它并没有应用相同的东西。 qty formControl上的验证不起作用，如果用户从选择中选择了活动的值，则应启用fromControl qty，否则在默认情况下应禁用它，这也无法正常工作。 我错过了什么？ 这是我的Stackblitz演示。 参考，我已经用来验证。https://stackblitz.com/edit/angular-validate-dynamic-formarray-formbuilder-pru78n?fi
浏览 12提问于2020-10-20得票数 0
回答已采纳
我对角度框架还很陌生，而且嵌套*ngFor循环用于显示分层数据时存在性能问题。
*ngFor -每项10项(1级)扩展面板
*ngFor 10项(第2级)网格列表以显示内容
*ngFor 5项(级别3)、5个按钮切换和2个选择控件
为了避免加载所有数据，我将根据当前打开的第1级面板为第2 *ngFor设置集合。
当我展开一个面板或者我试图按一个按钮切换时，整个页面都非常慢。注意:我不使用这些操作更改集合。
为了进行调试，我在每个ngFor中放了一个函数来返回集合。我看到每次按下按钮切换时，角都会多次重新执行所有*ngFor指令中的所有迭代。
我不明白为什么每次更改控件时，所
浏览 6提问于2019-09-29得票数 0
3回答
我需要在for中分配两个变量。在Angular 5+中类似这样的内容
<div *ngFor="let a of apple, let b of ball">
<a [routerLink]="['/ball',b]">
{{a}}
</a>
</div>
有什么建议吗？
提前感谢您的帮助。
浏览 0提问于2018-10-04得票数 5
2回答
我有一个Object Array，它有一个键，然后有一个数组来表示它的值。就像这样：
[
{key: 'example@example.com', value: ['message1', 'message2']}
]
以前我用这样一个对象来完成这个任务
[
{key: 'example@example.com', value: 'message'}
]
但是我想改变一些功能，所以我转而使用数组作为值。
我想要创建一个像这样的表
| User Email | Result
浏览 0提问于2019-07-10得票数 2
回答已采纳
使用角2，我尝试使用标记输入将父子对象显示为以下内容：
<tag-input *ngFor="let obj of objInputs" [ngModel]="[obj]" [modelAsStrings]="true" [editable]='false' #input>
<ng-template let-item="item" let-index="index">
<!-- DEFINE HERE YOUR TEMPLATE -->
<
浏览 0提问于2018-04-12得票数 0
回答已采纳
1回答
我试图获取输入标签的值，但我总是收到资产的名称。有人能帮我吗？非常感谢。
<select class="form-control" [(ngModel)]=id name="assetID">
<option *ngFor="let asset of arrAssets" selected>
<input type="hidden" value="{{ asset.Id }}" name="id">
{{ asset.Nam
浏览 0提问于2019-07-08得票数 0
我有一个使用NgFor构建一行元素的组件..。
<div *ngFor="let item of list">{{item.text}}</div>
我不知道这些元素有多宽，但稍后我需要能够引用一个特定的元素，获取它的left值，并将整个值移动，以便所选的元素与某个点一致。
我是通过在每个元素中添加id来做到这一点的。
<div *ngFor="let item of list" [id]="item.id">{{item.text}}</div>
然后我就用标准的getElementById().
浏览 6提问于2016-10-01得票数 6
1回答
下面是我从.ts文件中得到的方法。使用这种方法可以显示键，但无法获取嵌套的JSON数据。
generateArr(obj) {
return Object.keys(obj).map((key) => {
console.log(key, obj[key]);
return {key: key, value: obj[key]};
});
}
下面是我的HTML代码。
<li *ngFor="let ob of books">
<p *ngFor="let objArrEle of generateArr(ob);let i=ind
浏览 1提问于2018-11-22得票数 1
Html：
<div class="info">
<div class="title">
<div class="{DYNAMIC CLASS NAME}">
<a href="link">Text</a>
</div>
</div>
</div>
<div class="info"&g
浏览 4提问于2014-07-04得票数 1
回答已采纳
我试图在我的数据模型上迭代一个数组，并在VSCode中得到以下错误：
未定义标识符“熟悉”。'{名义:字符串；edadTitular:数字；primaTitular:数字；家族：{ vinculo: string；edad: number；prima: number；}[]；}[]‘不包含这样的成员。
在控制台中，它不会显示任何错误。可能会发生这种事？
component.ts
primas = [
{
nombre: 'name1',
edadTitular: 36,
primaTitular: 9010,
f
浏览 3提问于2020-07-29得票数 0
回答已采纳
4回答
我试图在ngFor循环中显示这样的图像：
<div *ngFor="let leg of flight.route">
<img [src]="getImage(leg.airline) | async" />
</div>
TS
getImage(airlineCode: string): Observable<any> {
return this.companyLogoService.getLogo(airlineCode);
}
这不管用。当执行此操作时，对getImage()的所有请求
浏览 1提问于2019-08-23得票数 1
回答已采纳
使用函数返回的对象数组*ngfor进行迭代时，Focus阻塞输入(不能输入任何内容)。但是，当对象数组在模板中时，同样的情况也是如此。有什么问题吗？
模板
<!-- does not work -->
<div *ngFor="let d of testValues()">
<input (focus)="testFocus($event)" type="text" />
</div>
<!-- works -->
<div *ngFor="let d o
浏览 4提问于2022-10-24得票数 0
回答已采纳
目前，我在用sbt重新编译代码时遇到了问题。
我按照sbt引用'‘安装了sbt 1.2.8，并遵循了说明：
创建一个最小的sbt生成
$ mkdir foo-build
$ cd foo-build
$ touch build.sbt
启动sbt外壳
$ sbt
[info] Loading global plugins from C:\Users\hce\.sbt\1.0\plugins
[info] Loading project definition from E:\learn\Scala\demo\foo-build\project
[info] Loading setting
浏览 0提问于2019-07-06得票数 0
回答已采纳
我使用DoCheck检测来自ngFor的输入属性中的重要更改。正常工作。但是，当我做了一些更改(从数组中删除一个由ngFor迭代的项)时，我的子组件不会看到任何更改，也不会重新呈现自己。
也许我做错了什么？
ngDoCheck() {
console.log('zz');
var changes = this._differ.diff(this.schedulerData);
console.log(changes);
if(changes) {
changes.forEachAddedItem(r => {
浏览 3提问于2016-07-08得票数 0
回答已采纳
*ngFor使我的应用程序非常慢，因为有上千行迭代。除了性能缓慢外，它的工作方式与预期的一样。如果select或input值被更改，其值将为红色。如果_main.rolls被迭代，我可以获取所有修改过的值，并将它们发送到API以进行更新。
<tr *ngFor="let student of _main.students"> <!-- up to 250 students (rows). -->
<ng-container *ngFor="let date of _main.attendance_dates"> <
浏览 2提问于2021-02-16得票数 0
回答已采纳
2回答
这一直在踢upError:找不到“object”类型不同的支持对象“object”。NgFor只支持绑定到诸如数组之类的Iterable。但是当我试着把它打印到控制台时，任何帮助都是值得赞赏的。
谢谢(：
//TypeScript File :
public names = ["Jimmy" , "Lilly"];
public ages = [20,25];
public profile = {
Name : this.names,
Age : this.ages
}
//HTML File :
<div *ngFor = &
浏览 6提问于2022-01-25得票数 0
回答已采纳
2回答
角度变化检测慢
、、
我在带有嵌套*ngFor的组件(组件A)中使用了一个大型数组，该组件具有嵌套的*ngFor。
组件B初始化一个注册文档mousemove事件处理程序的jquery插件，我使用this.zone.runOutsideAngular插入插件，并在回调中调用this.ref.detectChanges()，因为我需要在组件B中更新mousemove上的UI。
组件A不是组件B的子组件。
一旦组件A被呈现，变化检测就变得非常缓慢。数组没有改变，我对组件A使用了ChangeDetectionStrategy.OnPush策略，但是当我在组件B中触发ref.detectChanges()时，ngDoChe
浏览 0提问于2018-03-23得票数 2
回答已采纳
1回答
选择更改后未显示正确值
、、、
下面的代码生成六个<select>标记
<span *ngFor="let key of orderedKeys; let i=index;">
Position {{i + 1}}:
<select (change)="changePosition($event.target.value, i+1)" >
<option *ngFor="let option of options" [value]=&
浏览 4提问于2022-09-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
