打字稿和角度-格式字符串

Question

Typescript \\ Angular的新手，想知道它们是否是格式化字符串\\删除空字符串的简便方法？ 因此，如果镇是空字符串，则不会显示“ NULL”

this.client = c;
this.clientFulladdress= `${this.client.Address}, ${this.client.Town}, ${this.client.County}, ${this.client.PostCode}` 

Answer 1

数组函数非常方便，例如：

let fields = [this.client.Address, this.client.Town, this.client.County, this.client.PostCode];

this.clientFulladdress = fields.filter((field) => field).join(", ");

这将筛选出任何空字符串或空字符串，然后将其余的每个字符串用逗号连接

Answer 2

 this.client = c;
 this.clientFulladdress= `${this.client.Address || ""}, ${this.client.Town || "" }, ${this.client.County || ""}, ${this.client.PostCode || ""}`;

这是您达到要求的方式。

如果您不想多次使用this.client ，也可以执行以下操作

this.client = c;
let {Address, Town, Country, PostCode} = this.client;
this.clientFulladdress = `${Address || ""}, ${Town || ""}, ${Country || ""}, ${PostCode || ""}`;

根据评论其他方式也可以

this.client = c;
let {Address, Town, Country, PostCode} = this.client;
this.clientFulladdress = `${Address || ""}${Town ? ", " + Town : ""}${Country ? ", " + Country : ""}${PostCode ? ", " + PostCode : ""}`;