A simple way to provide line break into the html template in angular application.
step1: npm i sml-ng-line-break --save
Step2: Import SmlNgLineBreakPipe into your app module
import { SmlNgLineBreakPipe } from 'sml-ng-line-break';
@NgModule({ declarations: [ AppComponent, SmlNgLineBreakPipe ], imports: [ BrowserModule ], providers: [], bootstrap: [AppComponent] })
export class AppModule { }
step3: Use SmlNgLineBreakPipe into your html template.
[innerHTML]=" message | smlnglinebreak"
You can download and run it from your local.
github url : https://github.com/Muthulakshmisankar/sml-ng-line-break/tree/master