* ngfor角2内の文字列連結

Question

* ngfor angular 2命令の中で複数の文字列を結合したいと思います。

var contacts = [str1, str2, str3]; 

<div *ngFor="let c of contacts;let last = last; let str = str + c;"> 
    <div *ngIf="last"> 
     {{str}} 
    </div> 
</div> 

私は上記のコードは無効であることを知っています。しかし、私は上記のようなことを達成することが可能であることを知りたいですか？

予想される出力は

STR1

STR2

STR3

注意する必要があります：私はC＃でコードが角ngforを用いて以下のようなものを達成したいです。

var str = ""; 

    foreach(var item in items) 
    { 
    str = str + item.toString(); 
    } 
    console.log(str); 

Answer 1

更新

*ngForは、前の項目に応じて値を計算するために使用することができます。 コードでリストを準備し、その結果のリストに*ngForをバインドするのが最善の方法です。

元

あなたはletで任意の式を使用することはできません。 *ngForによって提供されるコンテキスト変数のみを割り当てることができます。

が

<div *ngFor="let c of contacts;let last = last"> 
    <div *ngIf="last"> 
     {{str}}{{c}} 
    </div> 
</div> 

Answer 2

あなたは単に出力二つの文字列次々ことができ、それはあなたが望む結果を生成する必要があり、この方法：

let contacts = [str1, str2, str3]; 

<div *ngFor="let c of contacts;let last = last;"> 
    <div *ngIf="last"> 
     {{str}}{{c}} 
    </div> 
</div> 

Answer 3

はおそらくjoinのような単純なもので十分でしょう：

未テスト

var contacts = ['str1', 'str2', 'str3']; 

<div [innerHtml]="contacts.join('')"></div>