使用管道如何将每个逗号分隔符的字符串行分隔成angular2中的新行答案

【问题标题】：Using pipes how to separate a string line for every comma delimiter into new line in angular2使用管道如何将每个逗号分隔符的字符串行分隔成angular2中的新行
【发布时间】：2017-09-05 22:52:57
【问题描述】：

我有表格行数据，例如， "解码消息: Header,Body,MessageID , 23453, 0XEF"

我需要在每个新行中的 html 页面中输出如下

解码消息：
标题,
身体,
消息ID，
23453,
OxEF

所以我试图通过在 Angular2 中使用管道来找到任何示例。除了管道还有其他解决方案吗？请提供 CSS、SASS 或 HTML 中的任何解决方案

【问题讨论】：

标签： html css angular compass-sass

【解决方案1】：

@Pipe({name: split}) 
export class SplitPipe implements PipeTransform {
  transform(val) {
    if(!val) {
      return;
    }
    return val.split(/[,:]/);
  }
}

<div *ngFor="let m of message | split">{{m}}</div>

【讨论】：