angular - 在 Typescript 中连接字符串时换行

Question

我正在使用 Angular2，我需要在其中为动态创建的字符串创建一个新行。

例如。

输入:

你好，你好吗？

输出:

你好

如何

是

你呢？

这是我的代码:

.html

<div class="row">
                <div class="well">
                    <h1 class="text-center">Import Data</h1>
                    <p class="text-center">{{selectedLogContent.message}}</p>
                </div>
            </div>

这是 typescript 代码:

var splitString = selectedRows[0].description.split(":");
            var messageString= splitString[3].split(".");
            var messageStringAfter ="";
            for(var i=0;i<messageString.length;i++){
                messageStringAfter= messageStringAfter+`\ 
                \n`+messageString[i];
            }
            var finalString = splitString[0]+":"+splitString[1]+":"+splitString[2]+': '+messageStringAfter;
            console.log(finalString);
            this.selectedLogContent.message = finalString;

我尝试使用“\n”，同时字符串的连接仍然在同一行结束输出。

提前致谢

Answer 1

angular2 没什么大不了的，你只需要一个 *ngFor 就可以实现，如下所示，

<div *ngFor="let s of values.split(' ')">
      {{s}} <br/>
</div> 

LIVE DEMO