* ngfor Angular 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

注意：我想使用有角的ngfor在C＃中实现以下代码。

   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

也许像join这样简单的事情就足够了：

未经测试

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

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

Answer 3

您可以简单地一个接一个地输出两个字符串：

let contacts = [str1, str2, str3];

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