Angular 切片管道：显示新行或任何定界字符

Question

如何让 Angular Slice Pipe 在分隔数组时显示新行或任何定界分隔符而不是逗号？有选择的选项吗？新队， / ， ;等等

addressOwnerArray = ['Michelle','Joe','Alex'];

"addressOwnerArray | slice : 0"

Answer 1

slice pipe 从数组中从头到尾提取一些元素，如果需要，可以使用 join in some like

<div [innerHtml]="addressOwnerArray.join('<br/>')"></div>

或者一个简单的 *ngFor 遍历数组

<div *ngFor="let address of addressOwnerArray">{{address}}</div>

//or 
<span *ngFor="let address of addressOwnerArray">{{address}}<br/></span>

//or
<ul>
  <li *ngFor="let address of addressOwnerArray">
     {{address}}
  </li>
</ul>

Angular 切片管道：显示新行或任何定界字符

Angular Slice Pipe: Display New Line or Any Delimiting Character

typescript

angular

angular10