angular - ny rad vid sammanfogning av sträng i Typescript

Jag arbetar med Angular2 där jag behöver skapa en ny rad för min dynamiskt skapade sträng.

t.ex.

inmatning :

Hej, hur mår du?

utdata :

Hej

hur

är

du?

Här är min kod:

.html

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

det här är typescript-koden:

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;

Jag försökte använda '\n' vid sammanfogning av strängen men slutade ändå med att utdata blev på samma rad.

Tack på förhand

Svar #1

Det finns inget stort med Angular2 att göra här, allt du behöver är en *ngFor för att uppnå som nedan,

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

LIVE DEMO