Why is the New line character \n not working in Angular?

Asked Sep 14 '21 at 10:17

Active Sep 14 '21 at 10:22

Viewed 48 times

I am trying to add a new line in the matToolTip attribute in Angular app , but its not reflecting in the output .

 <mat-cell *matCellDef="let row"> <div style="min-width: 100px;">{{row.Status}}  </div> 
  <div *ngIf="row.Date!=null" style="margin-left: 70px;"><mat-icon [matTooltip]="'Date/Time: ' + row.Date + '\n' + '\nVersion: ' + row.Version" >info</mat-icon>
   </div> 
   </mat-cell>

Can anyone help on why \n is not producing a new line in the tooltip section ?

TIA

edited Sep 14 '21 at 10:22

Liam

25,247
27
110
174

asked Sep 14 '21 at 10:17

Sunny Srivastava

2

`\n` isn't a thing in HTML. If you want a new line you need to use something like `
` or some CSS – Liam Sep 14 '21 at 10:21
I found the solution here: https://stackoverflow.com/a/47350957/3334365 – wldomiciano Sep 14 '21 at 17:24

Why is the New line character \n not working in Angular?

0 Answers0