我有一个包含多个环境名称的字符串,这些字符串用像“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>