প্রকারের একটি এইচটিএমএল উপাদান সরবরাহ করেছেন 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-id
0% পরিস্থিতিতে সুবিধাজনক। কোনও উদাহরণ সরবরাহ করা যায় না, কারণ কোনওটি নেই।
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
থেকে আসে? আমি কোথায় এটি সংজ্ঞায়িত করব?