angularjs - How to prevent trimming on bound values in Angular -

निम्नलिखित HTML टुकड़े पर विचार करें:

  & lt; div class = "text-center" & gt; & Lt; h3 & gt; लाइक: & lt; span class = "मोनोस्पेस" & gt; & lt; मजबूत & gt; {{Laeq | Paddednumber: 7: 2}} & lt; / strong & gt; & lt; / span & gt; डीबी & lt; / h3 & gt; & Lt; / div & gt;  

जहां paddednumber एक फ़िल्टर है जो प्रमुख स्थानों को जोड़ता है:

  myFilters.filter ('paddednumber', function () { रिटर्न फ़ंक्शन (मान, चौड़ाई, दशमलव) {यदि (मान === अपरिभाषित) रिटर्न; var परिणाम = वैल्यू। फिक्स (दशमलव); जबकि (परिणाम। लम्बाई & lt; चौड़ाई) {परिणाम = '' + परिणाम;}; वापसी परिणाम;     }; });  

मैं फिल्टर को जोड़ा गया प्रमुख स्थानों को ट्रिम करने से कैसे कोने से रोक सकता हूं? मैंने textarea और इनपुट निर्देशों के लिए एनजी-ट्रिम विकल्प पाया है, लेकिन ऊपर दिए गए नमूने में Laeq एक $ संसाधन के लिए बाध्य है और फ़ॉर्मेटिंग अधिकार प्राप्त करने के लिए फ़िल्टर की आवश्यकता है। मैं निश्चित रूप से नियंत्रक में स्वरूपण कर सकता हूं और फिर एनजी-मॉडल को एक textarea पर दायरे में स्वरूपित मान के साथ बाँध सकता हूं, लेकिन मैं एक सरल मेरे एचटीएमएल कोड में समाधान

कोणीय ऐसा नहीं है कि यह प्रमुख स्थान को छू रहा है, यह आपके ब्राउज़र का है जिसके लिए वह जिम्मेदार है। उदाहरण के लिए, :

  & lt; div & gt; हैलो & lt; span & gt; हान के & lt; / span & gt; & Lt; / div & gt;  

यह शुद्ध HTML (कोई कोणीय) नहीं है, जैसा कि आप देख सकते हैं कि ब्राउज़र इस मार्कअप को कैसे दिखाता है, ब्राउज़र सभी सफेद रिक्त स्थान, कैरिज रिटर्न और टैब्स को अनदेखा करता है जो अगले टैग तक दिखाई देते हैं या पाठ का ब्लॉग यह सभी ब्राउज़रों का मानक व्यवहार है

उदाहरण के लिए यदि आप एक ही पृष्ठ पर सही क्लिक करते हैं और आप "दृश्य पृष्ठ स्रोत" विकल्प का चयन करते हैं, तो आप देखेंगे कि बहुत सारे रिक्त स्थान, टैब्स और कैरिएस रिटर्न शामिल हैं जिन्हें नजरअंदाज किया जा रहा है। आपको ऐसा कुछ मिल सकता है:

  & lt; a href = "/ समीक्षा" शीर्षक = "समीक्षा कतार - साइट को बेहतर बनाने में सहायता" & gt; समीक्षा & lt; / a & gt;  

क्या आप ब्राउज़र द्वारा अनदेखा किए गए सभी वर्णों को देखते हैं?

यही कारण है कि जब आप विशेष रूप से ब्राउज़र को कहना चाहते हैं: "अरे, यह एक है सफेद स्थान जिसे मैं चाहता हूं कि आप रेंडर करें "आप इस प्रतीक का उपयोग कर सकते हैं: & amp; nbsp; , जो आप ऐसा कुछ के लिए उपयोग करना चाहते हैं।

लेकिन अगर आप चाहें आपके कस्टम फिल्टर को उस प्रतीक ( & amp; nbsp; ) को रेंडर करने की आवश्यकता है, या तो इस मामले में \ u00A0 ।

आपने अपने फ़िल्टर को बदल दिया है, जैसे:

  .filter ('paddednumber', function () {वापसी कार्य (मान, चौड़ाई, दशमलव) {यदि (मान === अपरिभाषित) वापसी; Var परिणाम = मान.टिस्टिक्स (दशमलव); var रिक्त स्थानःऐऐड = चौड़ाई-परिणाम.लांबी; के लिए (var i = 0; i & lt; स्पेसोऐड; आई ++) परिणाम = '\ u00A0' + परिणाम; वापसी परिणाम;};});