在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>

这是打字稿代码:

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

没有什么大的角度来做这里你需要的是一个*ng为实现如下,

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

现场演示