The bsLinify pipe splits a string into an array of lines on newline boundaries. The optional argument removes empty entries.
<bs-list-group>
@for (line of (text | bsLinify: removeEmptyEntries); track $index) {
<bs-list-group-item>{{ line }}</bs-list-group-item>
}
</bs-list-group>
import { Component } from '@angular/core';
import { BsLinifyPipe } from '@mintplayer/ng-bootstrap/linify';
import {
BsListGroupComponent,
BsListGroupItemComponent,
} from '@mintplayer/ng-bootstrap/list-group';
@Component({
selector: 'my-linify-demo',
templateUrl: './my-linify-demo.component.html',
imports: [BsLinifyPipe, BsListGroupComponent, BsListGroupItemComponent],
})
export class MyLinifyDemoComponent {
protected text = 'first line\nsecond line\n\nfourth line';
protected removeEmptyEntries = true;
}