Html 检查是否有“错误”；不在「；列表条件2模板

我有一个模板如下：

{{item.status_desc}}

---

如上所述，我有一个ngIf条件，没有任何意义，但不知何故它的工作。我试图做的是检查“状态在[E1，B，R]”之类的东西。我如何在html中做到这一点而不去ts文件。有什么想法吗？

不，你不能用模板来做，你可以做的是创建一个函数来为你完成这项工作

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

然后是HTML

<span *ngIf="checkValid(item.status)">{{item.status_desc}}</span>

{{item.status\u desc}

如果你真的不想去你的

TypeScript

源代码，你可以这样做以提高可读性

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

然后

<span *ngIf="!ignoreStatus.includes(item.status)">{{item.status_desc}}</span>

与

{{item.status\u desc}

在HTML中，可以使用，如果找到元素，则返回true：

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

您的HTML现在应该是这样的：

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

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

{{item.status\u desc}

您可以创建一个管道来完成所有这些过滤。 在该管道中，您可以编写任何逻辑来删除所有不需要的元素。

---

这将使您的代码看起来更好、更易懂。

就像您在ts文件中所做的那样：

*ngIf=“！['E1'，'B'，'R'].includes（item.status）”

回答得很好，我们在发帖时间打了平手。=）有关于浏览器兼容性的问题吗？特别是IE？是的，您应该使用polyfill或indexOf

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

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

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