AngularJS

Question

के लिए आउटपुट एचटीएमएल पर फ़िल्टर लागू करना मैंने AngularJS autolink और nl2br में 2 फ़िल्टर बनाए।

autolink: विशेषताओं rel="nofollow" target="_blank" के साथ एक <a> टैग के लिए एक URL स्ट्रिंग बदल देता है। मैंने लिंकी फ़िल्टर के साथ ngSanitize का उपयोग करने का प्रयास किया, लेकिन इसमें उपरोक्त 2 विशेषताओं को शामिल नहीं किया गया है, और न ही यह एक्साइजिंग एपीआई के साथ ऐसा करने का एक तरीका प्रदान करता है।

nl2br: नई लाइनों को <br> टैग में परिवर्तित करता है।

मैं {{ comment }} मेरी HTML में {{ comment | autolink | nl2br }} उपयोग करने के लिए इन 2 फिल्टर लागू करना चाहते हैं, लेकिन इससे पहले AngularJS HTML एस्केपिंग जो <a> और <br> में जो परिणाम के रूप में अच्छी तरह से भाग निकले जा करने के लिए करता है फिल्टर लागू होते हैं। असल में, मैं फ़िल्टर के बाद फ़िल्टर को लागू करना चाहता हूं।

क्या AngularJS के साथ ऐसा करने का कोई तरीका है?

Answer 1

आप अपने HTML में एक मानक प्रक्षेप है, कोणीय यह बच जाएगा:

<div> {{ var | filter1 | filter2 }} </div> 

पूरे अभिव्यक्ति का परिणाम छोड़ दिया जाएगा।

आप क्या चाहते हैं ng-bind-html-unsafe(docs here)। आप कर सकते हैं अभिव्यक्ति मूल रूप के रूप में ऊपर के रूप में एक ही बात:

<div ng-bind-html-unsafe='var | filter1 | filter2'></div> 

अब अभिव्यक्ति का परिणाम स्वच्छ नहीं किया जाएगा, और div की सामग्री के रूप में सम्मिलित किया जाएगा।

संपादित करें: नोट वहाँ भी ng-bind-html है कि, जो अभी भी HTML का उत्पादन करेगा, लेकिन पहले यह स्वच्छ होगा ($sanitize docs)।

ng-bind-htmlngSanitize मॉड्यूल में रहता है, इसलिए आपको यह सुनिश्चित करना होगा कि आपने इसे अपने angular.module कॉल में निर्भरता के रूप में घोषित कर दिया है।