在p-datatable PrimeNG Angular 4中拆分字符串

时间:2017-04-15 18:41:00

标签: angular primeng

我有一个包含多个环境名称的字符串,这些字符串用像“C#; PHP; Java”这样的分号分割。

现在我正在使用PrimeNG的p-datatable for Angular,我正在运行最新的Angular 4.

我在将此字符串拆分为1个单元格中的无序列表时遇到了一些困难。我认为我必须构建一个管道来拆分它,所以我的管道代码是

@Pipe({
  name: 'splitStringInListItems'
})
export class SplitStringInListItems implements PipeTransform{
  transform(value: string): string[] {
    if (value == null) {
      return null;
    }
    return value.split(";");
  }
}

这是我提出的p栏:

<p-column header="Omgeving" field="Environment">
      <ng-template let-internship="rowData" pTemplate="body">
        <ul>
          <li ng-repeat="envir in internship.Environment | splitStringInListItems">{{envir}}</li>
        </ul>
        <!--<span [style.color]='blue'>{{internship.Environment}}</span>-->
      </ng-template>
    </p-column>

有人可以帮我一点:)非常感谢帮助。

更新

我自己修好了! :)

<p-column header="Omgeving" field="Environment">
      <ng-template let-internship="rowData" pTemplate="body">
        <ul>
          <li *ngFor="let env of internship.Environment | splitStringInListItems">{{env}}</li>
        </ul>
      </ng-template>
    </p-column>

0 个答案:

没有答案