时间戳

首页 > 解决方案 > 如何避免“未定义”添加以下打字稿字符串？

typescript - 如何避免“未定义”添加以下打字稿字符串？

问题描述

我采用一些模型值并将它们在我的 .ts 文件中返回到 HTML。在 HTML 中，我将使用 {} 表达式绑定它。但在某些情况下，数据不可用，然后以未定义的形式出现。在这种情况下 undefined 也被添加到返回字符串中。需要一些专家的帮助来解决这个问题。

getInformation(): string {
    const i1  = this.A.x1;
    const n = this.A.x2;
    const c = this.A.x3;
    return `${String(c)} ${n} ${ii?.d1} ${i1?.d2}, `;
  }

在上面的代码 ${ii?.d1} ${i1?.d2}中可以是未定义的，我需要避免将它添加到那个条件。

现在出现了一些案例文本，因为A B Undifind Undefind此类案例需要更正为'A B'

标签： typescript

解决方案

您可以使用值创建一个数组并过滤未定义并加入它们。

return [String(c), n, ii?.d1, i1?.d2].filter(i => i).join(' ')

推荐阅读