我正在开发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',同时连接字符串仍然在同一行中输出结束。
提前致谢
答案 0 :(得分:5)
这里没有什么大的角度来做你需要的是* ng为了实现如下,
<div *ngFor="let s of values.split(' ')">
{{s}} <br/>
</div>
<强> LIVE DEMO 强>