我有一个HTML表，其中包含用户记录以及用于编辑数据的按钮。当他们点击编辑时，我想为他们公开一个组件来进行更改。
没有特定数量的记录，数据永远不会相同。
我尝试将这个新组件包装在动态ngIf语句中，然后使用动态按钮切换它。
<tbody *ngFor="let r of mapRulesData.data | isArray: data; let i = index">
...
<span *ngIf="showRule_r.RuleParentID">
<app-inline-select [selected]="a" [source]="fetchSourceList(a.AttributeID)" [ruleParentID]="r.RuleParentID" [attributeID]="a.AttributeID"></app-inline-select>
</span>
...
<li role="menuitem"><a class="dropdown-item" (click)="showRule_r.RuleParentID = !showRule_r.RuleParentID"><i class="fa fa-pencil padRight"></i>Edit Attribute</a></li>
</tbody>
我认为这与showRule_1234类似，我可以引用我想要显示的单个组件，即使页面上有50个其他组件包含在ngIf中不可见。
通常情况下，我会为单个项目创建一个布尔值，然后只需打开/关闭它以检查其状态并显示新组件。因为这是动态的，寻找另一种方法。