html - 检查 "Not in"列表条件 Angular 2 模板

Question

我有一个模板如下:

<span *ngIf="item.status !=='E1' && item.status !=='B' && item.status !=='R'">{{item.status_desc}}</span>

如上所述，我在那里有一个 ngIf 条件，没有任何意义但不知何故它起作用了。我想在那里做的是检查“[E1，B，R] 中的状态”之类的东西。我如何在不转到 ts 文件的情况下在 html 中执行此操作。伙计们有什么想法吗？

Answer 1

在您的 HTML 中，您可以使用 includes() ，如果找到元素则返回 true:

<span *ngIf="!['E1', 'B', 'R'].includes(item.status)">{{item.status_desc}}</span>

正如 JB Nizet 所建议的那样。

---

或者你可以使用一个函数，像这样:

statusList = [E1, B, R];
checkStatus(item)
{
  return (statusList.indexOf(item) != -1);
}

你的 HTML 现在应该像这样:

<span *ngif="checkStatus(item.status)">{{item.status_desc}}</span>