Angularjs में ng-bind में फ़िल्टर का उपयोग करने के बाद और टेक्स्ट जोड़ें




angular-filters (2)

आप ऐसा कुछ कर सकते हैं:

<h1 ng-bind="'{{input | filter}}' + ' more stuff'"></h1>

यहां एक उदाहरण दिया गया है: http://plnkr.co/edit/rEva7FTPFtr3im7RUlQk?p=preview

इसलिए मैं एनजी-बाइंड निर्देश में फ़िल्टर के माध्यम से एक चर डालना चाहता हूं

ng-bind="input | filter"

लेकिन मैं और पाठ डालना चाहता हूं

ng-bind="input | filter + 'more' "

लेकिन यह काम नहीं कर रहा है। क्या एनजी-बाइंड में अधिक टेक्स्ट जोड़ने का कोई तरीका है, जैसे कि आप बस {{}} का उपयोग कर रहे थे:

{{input | filter}} more

इंटरगोलेट करने के बजाय ( {{}} का उपयोग करके) ng-bind निर्देश में कुछ आप केवल फ़िल्टर किए गए मान को कोष्ठक के साथ संलग्न कर सकते हैं और अपना टेक्स्ट जोड़ सकते हैं।

<h1 ng-bind="(input | filter) + ' more stuff'"></h1>

इसके अलावा, यदि आप जिस पाठ को जोड़ना चाहते हैं वह गतिशील नहीं है तो मेरा सुझाव है कि आप फ़िल्टर किए गए मान को बाध्य करने के लिए एक और तत्व संलग्न करें और फिर उस तत्व के बाद टेक्स्ट जोड़ें।

जैसे

<h1><span ng-bind="(input | filter)"></span> more stuff</h1>

यह आपको एक कॉन्सटेनेशन प्रक्रिया बचाता है।

यहां उदाहरण





angular-filters