The bsSplitString pipe splits a string into an array. Pass false as the second argument to keep empty entries.
<!-- Removes empty entries (default) -->
<bs-list-group>
@for (line of text | bsSplitString; track $index) {
<bs-list-group-item>{{ line }}</bs-list-group-item>
}
</bs-list-group>
<!-- Keeps empty entries -->
<bs-list-group>
@for (line of text | bsSplitString: undefined:false; track $index) {
<bs-list-group-item>{{ line }}</bs-list-group-item>
}
</bs-list-group>
import { Component } from '@angular/core';
import { BsSplitStringPipe } from '@mintplayer/ng-bootstrap/split-string';
import {
BsListGroupComponent,
BsListGroupItemComponent,
} from '@mintplayer/ng-bootstrap/list-group';
@Component({
selector: 'my-split-string-demo',
templateUrl: './my-split-string-demo.component.html',
imports: [
BsSplitStringPipe,
BsListGroupComponent,
BsListGroupItemComponent,
],
})
export class MySplitStringDemoComponent {
protected text = 'one\ntwo\n\nfour';
}