angular - 角度无限循环
问题描述
<ng-container *ngFor="let conflictRule of conflictRulesMap1 | keyvalue">
<div align="left" class="config-header-name">
<div align="left" class="change-type-name">
<h4>{{getConfigName(conflictRule.key)}}</h4>
</div>
</div>
<div align="left" class="conflict-rule-header">
<p><b><u>Conflicting Rules</u></b></p>
</div>
<div align="center" class="user-modified-change">
<p><b><u>Your Change</u></b></p>
</div>
<div class="ruleSpearator"></div>
<div align="center" class="production-stage-change">
<p><b><u>Production Change </u></b></p>
</div>
<ng-container *ngFor="let ruleContainer of conflictRule.value ,let k = index">
<select-rule (onSelectionChanged)="changeSelection(ruleContainer,$event)"
[changedConfigDataList]="getChangedConfigDataListConflict(conflictRule.key)"
[configId]="getConfigId(conflictRule.key)"
[configLookupMetadata]="configLookupMetadata"
[metadata]="getConfigMetadata()"
[disableExpansion]="disableExpansion"
[index]="k"
[isSaveEnabled]="isSaveEnabled"
[mode]="mode" [userId]="userId"
[openState]="expandRules" [org]="org" [changeId]="change.changeInfo.changeId"
[ruleContainer]="getRuleContainer(ruleContainer)">
</select-rule>
</ng-container>
<div *ngIf="isConfigNonConflict(conflictRule.key)">
<div class="rule-spacing"></div>
<div align="left" class="non-conflict-rule-header">
<p><b><u>Non Conflict Rules</u></b></p>
</div>
<ng-container *ngFor="let ruleContainer of getList(conflictRule.key) ,let k = index">
<select-rule (onSelectionChanged)="changeSelection(ruleContainer,$event)"
[changedConfigDataList]="getChangedConfigDataListForNonConflict(conflictRule.key)"
[configId]="getConfigId(conflictRule.key)"
[configLookupMetadata]="configLookupMetadata"
[metadata]="getConfigMetadata()"
[disableExpansion]="disableExpansion"
[index]="k" [userId]="userId"
[isSaveEnabled]="isSaveEnabled"
[mode]="mode"
[openState]="expandRules" [org]="org" [changeId]="change.changeInfo.changeId"
[ruleContainer]="getRuleContainer(ruleContainer)">
</select-rule>
</ng-container>
</div>
</ng-container>
<ng-container>
<ng-container *ngFor="let nonConflictRule of nonConflictRulesMap1 | keyvalue, let p = index">
<ng-container *ngIf="notInConflict(nonConflictRule.key)">
<div align="left" class="config-header-name">
<div align="left" class="change-type-name">
<h4>{{getConfigName(nonConflictRule.key)}}</h4>
</div>
</div>
<div align="left" class="conflicting-rules">
<p><b><u>Non Conflicting Rules</u></b></p>
</div>
<ng-container *ngFor="let ruleContainer of nonConflictRule.value ,let k = index">
<select-rule
(onSelectionChanged)="changeSelection(ruleContainer,$event)"
[changedConfigDataList]="getChangedConfigDataListForNonConflict(nonConflictRule.key)"
[configId]="getConfigId(nonConflictRule.key)"
[configLookupMetadata]="configLookupMetadata"
[metadata]="getConfigMetadata()"
[disableExpansion]="disableExpansion" [index]="k"
[isSaveEnabled]="isSaveEnabled"
[mode]="mode" [userId]="userId"
[openState]="expandRules" [org]="org" [changeId]="change.changeInfo.changeId"
[ruleContainer]="getRuleContainer(ruleContainer)">
</select-rule>
<div class="rule-spacing"></div>
</ng-container>
</ng-container>
</ng-container>
</ng-container>
问题是所有 *ngFor 都在运行无限次,除了第一个。如in链接中所述,避免从模板 链接调用方法
我已经交叉检查了地图和循环中的数据..它是有限的数据,但它仍然运行无限次我已经验证了所有数据并且它是准确的..
任何帮助表示赞赏
解决方案
推荐阅读
- rest - includeInDownload 不起作用 - 补充文档
- sql - 如何以单词和小数显示数值
- python - 如何使用python中的函数解决基本迷宫?
- javascript - 如何从 onChange 中的 selectedDates 中获取日期对象并提取月份和日期
- c# - 是否有其他人在 Firefox 中丢失会话变量但在 Chrome 或 IE 中没有问题?
- c++ - 如何删除n个数字中的c个数字?
- r - 如何处理“write.xlsx”错误:参数暗示不同的行数
- gremlin - Gremlin:如何从选择中提取值
- c# - 使用 WPF MediaElement 在视频播放期间导致音频性能不佳的原因是什么?
- r - 高亮基因与 colnames 共同