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>

<强> LIVE DEMO

在Typescript中连接字符串时的新行

1 个答案: