How to add linebreak to textContent in $mdDialog

Question

I want to add line break in .textcontent of mdDiaglog. Following is my code:

var confirm = $mdDialog.confirm()
        .title('Refresh')
        .textContent('Some information will be lost.'+'<br>'+ 'Do you want to refresh?')
        .targetEvent(ev)
        .ok('YES')
        .cancel('NO');
  $mdDialog.show(confirm).then(function () {
          $window.location.reload();
  });
}

Answer 1

write css class in your styles and use '\n' instead of <br> in textContent()

.md-dialog-content-body p{
   white-space: pre;
 }

Answer 2

Use .htmlContent().

$mdDialogPreset#textContent(string) - Sets the confirm message. $mdDialogPreset#htmlContent(string) - Sets the confirm message as HTML. Requires ngSanitize module to be loaded. HTML is not run through Angular's compiler.

Documentation