PrimeNg列过滤

Question

实际上，我想对字段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
  }
]

我想在table中显示值。在isActive字段中，想要显示active为true而不显示为false。

我使用下面的代码

  <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值（真/假），我只能使用true / false。

下面是我使用的界面。

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

我们可以在这里写下Active / Inactive条件吗？这有可能吗，你能救我​​吗？

Answer 1

如果没有看到组件中的逻辑，很难帮助您解决确切的问题。我会告诉你如何解决这个问题。

• 在表格外添加外部过滤器，如InputSwitch（显示已停用）
• 当slider true显示全部时。当滑块false显示时，isActive === true

Answer 2

您可以使用npm第三方软件包来实现您的目标

NG2智能表

https://github.com/akveo/ng2-smart-table