Skip to main content

Posts

Showing posts from September, 2019

Maintaining Multi-line text format in Angular

In my earlier post, I had discussed about maintaining multi-line text format in AngularJS view. In this post, I'll share how to achieve the same in Angular. What I have described in this post is tested in Angular 7.

To provide a context, let us say you are creating a page using Angular and rendering data from a SharePoint list/library. One of the columns is multiple lines of text with rich text enabled. The objective is to display the rich text as it is.

In AngularJS, we created a custom filter and used that filter in the HTML element.

In Angular, it is pretty easy. Angular already provides [innerHTML] property to handle such cases. Let's look at an example.

<p [innerHTML]="description"></p>

Here, "description" is a property in Angular component which holds the value of a multi-line text column.

If you are thinking if it is safe to use this, check the Angular documentation on security (yes, it is safe!)