时间戳

首页 > 解决方案 > 如何使用 Angular 6 控制表格中的字段？

angular - 如何使用 Angular 6 控制表格中的字段？

问题描述

我试图通过这种结构显示使用表格的项目：

   columns: any[] = [
   { field: 'title', header: 'Type de congé' },
   { field: 'nbDay', header: 'Nombre de jours' },
   { field: 'isExceptional', header: 'Congé exceptionnel' }
  ];

我的问题是“如何在第三个字段上创建条件并用字符串替换属性 'isExceptional' 的值：例如：如果 isexceptional==true 我得到 'Yes' 否则我得到 'NO' ？

标签： angular

解决方案

在这里，我通过使用管道解决了这个问题，我创建了一个接收当前值并将结果转换为另一个的管道：

  import {Pipe, PipeTransform} from '@angular/core';
   @Pipe ({
   name : 'yesno'
   })
   export class YesNoPipe implements PipeTransform {
    transform(val : Boolean) : String {
 if(val==true)  
 return 'Oui';
 else if(val==false)
 return 'Non';
      }
      }

然后我在列声明中使用它

推荐阅读