Question

例如，其中一些没有颜色：

items = [
       {
        messageTagId: "1",
        description: "Test Tag1"

       }, 
       {
        messageTagId: "2",
        description: "Test Tag1",
        tagColor: "#ff0000"
       }, 
       {
        messageTagId: "3",
        description: "Test Tag1"

       }, 
       {
        messageTagId: "4",
        description: "Test Tag1",
        tagColor: "#ff0000"
       }, 
       {
        messageTagId: "5",
        description: "Test Tag1",
        tagColor: "#ff0000"
       }, 
        ]

显示：应该计算没有颜色的那些，并使用颜色属性

  [2] [3]

其中2没有颜色，3有颜色

这是我的* ngFor循环，但是它不正确这应该用[2]创建一个跨度，用[3]创建第二个跨度

  <span *ngFor="let messageTag of items" >{{items.length}}</span>

Answer 1

我需要先过滤;

在您的组件上执行此操作：

const newItems = items.filter(item => !item.color)

在HTML上执行此操作：

<span *ngFor="let messageTag of newItems" >{{messageTag.messageTagId}}</span>

如何使用* ngFor循环计算数组中重复/空项的数量

1 个答案: