为每个值打破文本（换行）

Question

如何在Angular 2中将文本分解为我的textarea？

我收到了显示一些细节的组件。

<div class="panel panel-default"> 
    <div class="panel-heading">Details</div> 
    <br> 
    <div class="panel-body"> 
     <form action="" class="form-horizontal" *ngIf=alias> 
      <div class="form-group"> 
       <label for="mail" class="col-sm-2 control-label">Mail: </label> 
       <div class="col-sm-9"> 
        <p class="form-control">{{alias.name + '(at)' + alias.domain}}</p> 
       </div> 
      </div> 
      <div class="form-group"> 
       <label for="recipients" class="col-sm-2 control-label">Recipients: </label> 
       <div class="col-sm-9"> 
        <textarea class="form-control" row="4" col="50"> {{ alias.recipients }} <br></textarea> 
       </div> 
      </div> 

      <div class="form-group"> 
       <div class="col-sm-offset-2 col-sm-8"> 
        <button type="submit" class="btn btn-outline-info" (click)="goBack()">Cancel</button> 
       </div> 
      </div> 
     </form> 
    </div> 
</div> 

我尝试添加<br>在textarea但不工作。 我想是这样的： 输出：

alias.recipient1

alias.recipient2

alias.recipient3

相反alias.recipient1，alias.recipient2， alias.recipient3（现在我有这个）

Answer 1

在你的应用逻辑（控制器或wh atever您正在使用），你必须把它们分开（假设他们目前由逗号空格分隔）：

alias.recipients = alias.recipients.split(', ').join('\n\n');