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

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 : ""}`;