angular - PrimeNg 柱过滤

问题描述

实际上，我想对字段 isActive 使用列过滤。

来自api的详细信息，

[{
    "id": "1",
    "name": "Demo1",
    "isActive": false

  },
  {
    "id": "2",
    "name": "Demo2",
    "isActive": true
  },
  {
    "id": "3",
    "name": "Demo3",
    "isActive": false
  },
  {
    "id": "4",
    "name": "Demo4",
    "isActive": true
  }
]

我想在表中显示值。在isActive字段中，想要显示活动为真，非活动为假。

我为此使用了以下代码

  <td class="text-center">
      <span [class]="division.isActive? 'badge badge-success' : 'badge 
     badge-danger'">{{division.isActive == true ? "ACTIVE":INACTIVE" }} 
     </span>
   </td>

下面是样本表

id           value         isActive
------------------------------------
1            Demo1          INACTIVE
2            Demo2          ACTIVE
3            Demo3          INACTIVE
4            Demo4          ACTIVE

因为我想在过滤器中使用活动/非活动来获取值。但由于 API 值（真/假），我只能使用真/假。

下面是我用过的界面。

 export class Division {
  constructor(
   public id: string,
   public name: string,
   public isActive: string
  ) { }
 }

我们可以在这里写 Active/Inactive 条件吗？这可能吗，你能帮帮我吗？

标签： angularangular6angular5angular7

angular - PrimeNg 柱过滤

问题描述

解决方案

推荐阅读