創建多個字符串地址和逗號

Question

將它們分開

讓我們想象一下，我有5個字符串和任何它可以填寫或只是停留空（它是基於用戶輸入）

不知如何分離他們用逗號很好。我覺得這個問題已經被我發現了，將工作，而不是那麼傻微不足道，但唯一的想法就是：

// Create a function which return me string of arrays 
public getAddress(): string[] { 
    let result = []; 
    if (this.application.applicant.city) { 
     result.push(this.application.applicant.city); 
    } 
    if (this.application.applicant.postalCode) { 
     result.push(this.application.applicant.postalCode); 
    } 
    if (this.application.applicant.state && this.application.applicant.state.name) { 
     result.push(this.application.applicant.state.name); 
    } 
    return result 
} 
// Then somewhere in ngOnInit() just call this method: 
this.address = this.getAddress(); 

而且我tempalte內：

<span *ngFor="let item of address; let isLast=last"> 
    {{item}}{{isLast ? '' : ', '}} 
</span> 

或CLASIC JS方式：

<span> {{address.join(", ")}} </span> 

而且我仍然覺得這是過於複雜。我錯過了一些簡單的解決方案？
感謝您的任何建議

Answer 1

有一個打字稿功能分裂一個串。它還去掉，

this.addres = this.address.split(', '); // this is now an array instead of a string. 

編輯

我創建一個字符串，但NEWVALUE在它的NEWVALUE可以是任何東西。

let string = ''; 
if() { 
    string = `${string}, ${newValue}`; 
} 

Answer 2

這裏比你們的樣品溶液，你在你的方法創建的地址的字符串，並直接在您的HTML模板顯示它（我認爲它比遍歷數組..更簡單）

在您的.ts：

address : string ; 
// Create a function which return me string of arrays 
public getAddress(): string { 
    let result = ""; 
    if (this.application.applicant.city) { 
     result.push(this.application.applicant.city+","); 
    } 
    if (this.application.applicant.postalCode) { 
     result.push(this.application.applicant.postalCode+","); 
    } 
    if (this.application.applicant.state && this.application.applicant.state.name) { 
     result.push(this.application.applicant.state.name+","); 
    } 
    if (result.length !== 0) 
     result.substring(0, result.length-1); 

    return result 

} 
// Then somewhere in ngOnInit() just call this method: 
this.address = this.getAddress(); 

在你的HTML模板

：

<span>{{address}}</span> 

希望它幫助:)