2016-04-21 4 views
7

में टेक्स्ट सामग्री में लाइनबैक जोड़ने के लिए कैसे मैं mdDiaglog के .textcontent में लाइन ब्रेक जोड़ना चाहता हूं। के बाद मेरी कोड है:

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

उत्तर

17

उपयोग .htmlContent()।

$ mdDialogPreset # टेक्स्ट सामग्री (स्ट्रिंग) - पुष्टि संदेश सेट करता है। $ mdDialogPreset # htmlContent (स्ट्रिंग) - पुष्टि संदेश को HTML के रूप में सेट करता है। मॉड्यूल लोड करने के लिए ngSanitize मॉड्यूल की आवश्यकता है। एचटीएमएल कोणीय के कंपाइलर के माध्यम से नहीं चलाया जाता है।

Documentation

+0

Thanks.its अब काम कर कोड में .htmlContent उपयोग कर सकते हैं। – user3770459

+1

[प्रलेखन] (https://docs.angularjs.org/api/ngSanitize) ngSanitize के लिए – R2D2

1

आदेश इस कार्य angular-sanitize.js स्थापित करने के लिए आप की आवश्यकता होगी पूरा करने के लिए है। यह जेएस here से डाउनलोड किया जा सकता है। डाउनलोड करने के बाद, कोणीय जेएस लोड करने के बाद अपनी परियोजना से लिंक करें।

<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> 

चूंकि यह एक प्रदाता है, इसलिए आपको ऐप के काम के लिए मॉड्यूल में तत्काल और वायर्ड होने की आवश्यकता है। जेएस के बाद प्रदाता को इंजेक्ट करने का तरीका दिखाता है।

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

उसके बाद आप इस प्रकार

$mdDialog.show(
$mdDialog.alert() 
    .clickOutsideToClose(true) 
    .title('Your Tile') 
    .htmlContent("<h1>html</h1><h4>works</h4>") 
    .ok('Okay!') 
); 
संबंधित मुद्दे