假设我有一个表,有时有一些数据可能为空,但空数据在表中显示为未定义,而不是显示为未定义.我希望显示"N/A",我如何才能实现共享下面的图像和代码.

在上面的图像中,参考数据下的一些数据显示未定义,因为它是空的,我希望它显示"N/A".我将在下面分享代码.在代码下面有一个"a.Normal Range"变量,该变量保存引用数据.

 var col = ["Test Name", "Result", "Unit" , "Reference"];
    this.xyz.forEach((a) => {
      medicineInfo = this.xyz.find(x => x.id == a.id);
      rows.push(['' + a.xyz+' '+ a.xyz+ '', '' + a.xyz+ '', '' + a.xyz,'' + a.xyz]);
    });

这就是我打印表格的方式

 doc.autoTable({
            columnStyles: {
              0: { cellWidth: 45 },
              1: { cellWidth: 45 },
              2: { cellWidth: 45 },
              3: { cellWidth: 45 }
            },
            head: [col],
            body: rows,
            startY: 100,
            theme: 'plain',
            tableLineColor: [242, 238, 238],
            tableLineWidth: 0.5,
            styles: {
              font: 'courier',
              lineColor: [242, 238, 238],
              lineWidth: 0.5
            },
          });

推荐答案

如果需要判断任何其他值,则使用该值调用isValueEmpty方法.

const col = ["Test Name", "Result", "Unit" , "Reference"];
this.hubxDataItemSpList.forEach((a) => {
    medicineInfo = this.hubxDataItemSpList.find(x => x.id == a.id);
    const normalRange = changeIfValueEmpty(a.normalRange);
    rows.push(['' + a.categoryName +' '+ a.itemTitle + '', '' + a.itemValue + '', '' + a.itemUnit ,'' + normalRange]);
});

function changeIfValueEmpty(value) {
    value = value ?? ''; // reassigned if value is null or undefined
    return (value value.trim() === '') ? 'N/A' : value; // to check value only contains whitespace
}

Angular相关问答推荐

如何在自定义验证器中获取所有表单控件(字段组动态创建)

尾风手风琴中的Ngor

Swiper 11角17 SSR Swiper断点不工作

在Angular 多选下拉菜单中实现CDK拖放排序的问题

Angular -移位在2个示波器中读取

弯管记忆

如何将参数传递给Angular 服务

阶段JS画布覆盖 bootstrap 模式

用于 React 的 ngx-extended-pdf-viewer

使用 Electron 打包器打包 Electron Angular 应用程序时无法加载资源

IonicStorageModule似乎不是 NgModule 类

Angular,数据显示在控制台但不在应用程序中

无法推送 Angular 项目 - Github

将 html ngModel 值传递给服务 --Angular

根据变量值更改按钮样式

在 Angular material表上调用 renderRows()

如何在Angular2中基于特定的构建环境注入不同的服务?

在 Angular 组件模板中添加脚本标签

No provider for Router?

@viewChild 不工作 - 无法读取未定义的属性 nativeElement