প্রকারের একটি এইচটিএমএল উপাদান সরবরাহ করেছেন div, কীভাবে এর idবৈশিষ্ট্যের মান সেট করবেন , যা স্কোপ ভেরিয়েবল এবং স্ট্রিংয়ের সংমিশ্রণ?
প্রকারের একটি এইচটিএমএল উপাদান সরবরাহ করেছেন div, কীভাবে এর idবৈশিষ্ট্যের মান সেট করবেন , যা স্কোপ ভেরিয়েবল এবং স্ট্রিংয়ের সংমিশ্রণ?
উত্তর:
ngAttr অফিসিয়াল ডকুমেন্টেশনে যেমন নির্দেশনা দেওয়া হয়েছিল তেমন দিকনির্দেশনা সম্পূর্ণরূপে এখানে সহায়ক হতে পারে
https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-attributes
উদাহরণস্বরূপ, idকোনও divউপাদানের বৈশিষ্ট্যের মান সেট করতে , যাতে এটিতে একটি সূচক থাকে, একটি ভিউ খণ্ডে থাকতে পারে
<div ng-attr-id="{{ 'object-' + myScopeObject.index }}"></div>
যার সাথে বিভক্ত হয়ে যাবে
<div id="object-1"></div>
myScopeObjectকোনও সামগ্রীর সম্পত্তি scope। দয়া করে ডকস.আঙ্গুলারজেএস.আর.গাইড / কন্ট্রোলারও দেখুন । এটি কি আপনার পক্ষে যথেষ্ট পরিষ্কার বা আমি আরও বিশদভাবে বর্ণনা করব?
<div id="{{ 'object' + index }}">এবং <div ng-attr-id="{{ 'object' + index }}">? দস্তাবেজগুলি মনে হয় প্রিপেন্ডিং ng-attr-হ'ল ক্ষেত্রে এমন উপাদানগুলির জন্য সহায়তা করা যেখানে উপাদানটি মানহীন কিছু, যেমন একটি নয় <div>। আমি কি ডক্সটি ঠিকঠাক পড়ছি?
এই জিনিসটি আমার জন্য বেশ ভালভাবে কাজ করেছে:
<div id="{{ 'object-' + $index }}"></div>
ng-attr-id0% পরিস্থিতিতে সুবিধাজনক। কোনও উদাহরণ সরবরাহ করা যায় না, কারণ কোনওটি নেই।
ng-attr-idপদ্ধতি তা নিশ্চিত করার জন্য কাঁচা NG অভিব্যক্তি (যেমন একটি বৈধ এইচটিএমএল অ্যাট্রিবিউট মধ্যে অনুষ্ঠিত কখনো হয় id, labelইত্যাদি)। এনজি 'জাঙ্ক' (যেমন রেন্ডার সম্পূর্ণ হওয়ার আগে, বা
আপনি যদি এই প্রশ্নে এসেছিলেন তবে নতুন কৌণিক সংস্করণ> = 2.0 এর সাথে সম্পর্কিত ।
<div [id]="element.id"></div>
এই আচরণটি অর্জন করার জন্য আমি আরও মার্জিত উপায়টি হ'ল সহজভাবে:
<div id="{{ 'object-' + myScopeObject.index }}"></div>
আমার বাস্তবায়নের জন্য আমি প্রতিটি এনজি-রিপিটে প্রতিটি ইনপুট উপাদানটির সাথে লেবেলটি সংযুক্ত করার জন্য একটি অনন্য আইডি চেয়েছিলাম। সুতরাং মাইস্কোপঅবজেক্টসের অভ্যন্তরে থাকা সামগ্রীর অ্যারেগুলির জন্য কেউ এটি করতে পারে:
<div ng-repeat="object in myScopeObject">
<input id="{{object.name + 'Checkbox'}}" type="checkbox">
<label for="{{object.name + 'Checkbox'}}">{{object.name}}</label>
</div>
গতিশীলভাবে এই জাতীয় সামগ্রী যুক্ত করার সময় ফ্লাইতে অনন্য আইডি তৈরি করতে সক্ষম হওয়া বেশ কার্যকর হতে পারে।
মাত্র <input id="field_name_{{$index}}" />
আপনি যদি এই সিনট্যাক্সটি ব্যবহার করেন:
<div ng-attr-id="{{ 'object-' + myScopeObject.index }}"></div>
কৌণিক এমন কিছু রেন্ডার করবে:
<div ng-id="object-1"></div>
তবে এই বাক্য গঠন:
<div id="{{ 'object-' + $index }}"></div>
এর মতো কিছু তৈরি করবে:
<div id="object-1"></div>
ng-attr-idতৈরি করা উচিত ng-id..? ওইটা ভুল. আমি ভাবছি কে এটিকে সমর্থন করে
myScopeObjectথেকে আসে? আমি কোথায় এটি সংজ্ঞায়িত করব?