2016-04-21 9 views
7

Desidero aggiungere un'interruzione di riga in .textcontent di mdDiaglog. seguito è il mio codice:

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(); 
    }); 
} 

risposta

17

Usa .htmlContent().

$ mdDialogPreset # textContent (stringa) - Imposta il messaggio di conferma. $ mdDialogPreset # htmlContent (string) - Imposta il messaggio di conferma come HTML. Richiede il modulo ngSanitize da caricare. L'HTML non viene eseguito tramite il compilatore di Angular.

Documentation

+0

Thanks.its di lavoro ora. – user3770459

+1

[Documentazione] (https://docs.angularjs.org/api/ngSanitize) per ngSanitize – R2D2

1

Per eseguire questa operazione è necessario installare angular-sanitize.js. Questo js può essere scaricato da here. Dopo il download, collegalo al tuo progetto dopo aver caricato angularJS.

<head> 
    <script src="~/Scripts/jquery-1.10.2.min.js"></script> 
    <script src="~/Scripts/angular/angular.min.js"></script> 
    <script src="~/Scripts/sanitize/sangular-sanitize.js"></script> 
</head> 

Poiché questo è un provider, è necessario essere istanziati e cablati nel modulo per far funzionare l'app. Seguendo JS viene mostrato come iniettare il provider.

<script type="text/javascript"> 
    var app = angular.module('MyApp', ['ngMaterial','ngMessages', 'ngSanitize']); 
    var baseUrl = 'http://localhost:54037/Home/' 
</script> 

Dopo di che è possibile utilizzare .htmlContent nel codice come segue

$mdDialog.show(
$mdDialog.alert() 
    .clickOutsideToClose(true) 
    .title('Your Tile') 
    .htmlContent("<h1>html</h1><h4>works</h4>") 
    .ok('Okay!') 
); 
Problemi correlati