Question

我有一个Angular 2应用程序，它在表格中显示名称列表，最右边的列显示一行图标，这些图标是用户可以选择的动作。通过选择编辑图标，将显示一个弹出窗口，允许他们编辑列表中的该条目。但是，对于某些名称，我想禁用该选项。除了创建第二个布尔值列表以隐藏和显示图标（Based on this SO answer）之外，我该如何解决这个问题呢？我知道事实上只有第一个元素不应该被编辑（因为它是为用户预加载的），所以使用链接中的答案似乎是一个糟糕的解决方案。

Answer 1

如果您知道列表中只有第一个元素那么您可以使用index中所述的*ngFor <div *ngFor="let hero of heroes; let i=index;"> ({{i}}) {{hero.name}} <ng-container *ngIf="i !== 0"> Show edit </ng-container> </div>选项<{3}}

letsencrypt

here in the documentation

Answer 2

建议的 0mpurdy 很棒，只是想引起注意，你也可以使用first（这里借用 0mpurdys 代码）：

<div *ngFor="let hero of heroes; let first=first">
  {{hero.name}}
  <ng-container *ngIf="!first">
    Show edit
  </ng-container>
</div>

Angular 2隐藏列表中的某些元素

2 个答案: