इनपुट टैग के मूल्य के लिए उपसर्ग/प्रत्यय जोड़ें

Question

मेरे पास यह स्थिति है: मुझे इनपुट के मान को बदलने के बिना इनपुट टेक्स्ट फ़ील्ड (एचटीएमएल) के अंदर उद्धरण जोड़ने की आवश्यकता है। मैं कोणीय के साथ काम कर रहा हूँ तो मैं ngModel उपयोग करें, यह इस

<input ng-model="data" type="text" /> 

मैं इनपुट क्षेत्र दिखाने के लिए "जो कुछ भी {{data}} में है" लेकिन चर डेटा स्वयं अपरिवर्तित (कोट के बिना) बनी हुई है चाहता हूँ की तरह लग रहा है।

मुझे अभी तक कोई सीएसएस/कोणीय चाल नहीं मिली है ... कोई विचार?

Answer 1

ng-model="data" का उपयोग <input type="text"> में पूरे पाठ क्षेत्र साथ data बांधता है। यह उन परिस्थितियों में विशेष रूप से उपयोगी नहीं है जहां आप दायरे से बंधने के लिए पाठ का केवल एक हिस्सा (टेक्स्ट फ़ील्ड में प्रदर्शित होते हैं) चाहते हैं।

उदाहरण के लिए, यदि आप

<input type="text" value="prefixText {{name}} suffixText" ng-model="name"> 

इनपुट बॉक्स प्रदर्शित करेगा (कोई उपसर्ग/प्रत्यय पाठ के साथ) name में जो कुछ भी है

करना हालांकि, वहाँ एक समाधान है। चर पर ng-bind का उपयोग करें और value="..." विशेषता में अलग से उपसर्ग/प्रत्यय पाठ का उल्लेख करें।

<input type="text" value="prefixText {{name}} suffixText" ng-bind="name"> 

यहाँ demo