दिलचस्प पोस्ट
Datetime.isocalendar () के व्युत्क्रम को खोजने का सबसे अच्छा तरीका क्या है? क्या मानक कंटेनर टेम्प्लेट अधूरा प्रकारों के साथ प्रारंभ हो सकते हैं? एंड्रॉइड – बटन दोहराएँ कार्रवाई को पकड़ो कंट्रोलर डिवी में कर्सर की स्थिति कैसे प्राप्त करें? जावा कॉन्स्टेंट पूल का उद्देश्य क्या है? हर प्रोग्रामर को पढ़ना चाहिए एकल सबसे प्रभावशाली पुस्तक क्या है? PHP में, निष्पादन का पता लगाने के लिए सीएलआई मोड से या ब्राउज़र के माध्यम से कैसे जाना जाता है? विधि में कई बहस पारित करने के लिए सर्वश्रेष्ठ अभ्यास? लीप वर्ष की गणना के लिए जावा कोड एक गतिविधि में पूर्ण स्क्रीन पृष्ठभूमि छवि सेलेनियम वेबड्राइवर सी # का उपयोग करके ड्रॉप डाउन में कोई विकल्प कैसे चुन सकता है? … आपने अपने एंड्रॉयड मैनिफ़ेस्ट.एक्सएमएल में इस गतिविधि की घोषणा की है सी में "बैकस्पेस" एस्केप वर्ण '\ b', अप्रत्याशित व्यवहार? FormsAuthentication.SignOut () उपयोगकर्ता को लॉग आउट नहीं करता है setOpaque (सही / गलत); जावा

कोण तत्वों के साथ गतिशील रूप से एक HTML तत्व की आईडी विशेषता को कैसे सेट करें?

प्रकार div का एक HTML तत्व प्रदान किया गया, इसकी id विशेषता का मान कैसे सेट किया जाए, जो कि एक स्कोप वैरिएबल और एक स्ट्रिंग का समाकलन है?

वेब के समाधान से एकत्रित समाधान "कोण तत्वों के साथ गतिशील रूप से एक HTML तत्व की आईडी विशेषता को कैसे सेट करें?"

ngAttr निर्देश पूरी तरह से मदद का हो सकता है, जैसा कि आधिकारिक दस्तावेज में प्रस्तुत किया गया है

https://docs.angularjs.org/guide/directive#-ngattr-attribute-bindings
अद्यतन : दस्तावेज में स्थानांतरित: https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-attributes

उदाहरण के लिए, एक div तत्व की id विशेषता मान सेट करने के लिए, ताकि इसमें एक सूचकांक हो, एक दृश्य खंड में हो सकता है

 <div ng-attr-id="{{ 'object-' + myScopeObject.index }}"></div> 

जो करने के लिए interpolated मिल जाएगा

 <div id="object-1"></div> 

यह बात मेरे लिए बहुत अच्छी तरह काम करती है:

<div id="{{ 'object-' + $index }}"></div>

इस व्यवहार को हासिल करने के लिए मुझे और अधिक सुंदर तरीके से प्राप्त करना बस है:

 <div id="{{ 'object-' + myScopeObject.index }}"></div> 

अपने कार्यान्वयन के लिए मैं चाहता हूं कि प्रत्येक इनपुट तत्व को एनजी-दोहराना में प्रत्येक के साथ लेबल को जोड़ने के लिए एक विशिष्ट आईडी है। इसलिए myScopeObjects में समाहित वस्तुओं की एक सरणी के लिए ऐसा कर सकता है:

 <div ng-repeat="object in myScopeObject"> <input id="{{object.name + 'Checkbox'}}" type="checkbox"> <label for="{{object.name + 'Checkbox'}}">{{object.name}}</label> </div> 

मक्खी पर अद्वितीय आईडी बनाने में सक्षम होने पर यह बहुत उपयोगी हो सकता है जब गतिशील रूप से इस तरह की सामग्री को जोड़ना।

आप बस निम्न कार्य कर सकते हैं

आपके जेएस में

 $scope.id = 0; 

आपके टेम्पलेट में

 <div id="number-{{$scope.id}}"></div> 

जो रेंडर करेगा

 <div id="number-0"></div> 

इसे डबल कर्ली ब्रैकेट के अंदर जोड़ना आवश्यक नहीं है।

यदि आप इस वाक्यविन्यास का उपयोग करते हैं:

 <div ng-attr-id="{{ 'object-' + myScopeObject.index }}"></div> 

कोणीय की तरह कुछ प्रस्तुत करना होगा:

  <div ng-id="object-1"></div> 

हालांकि यह वाक्यविन्यास:

 <div id="{{ 'object-' + $index }}"></div> 

जैसे कुछ उत्पन्न होगा:

 <div id="object-1"></div>