সমাধান করা হয়েছে: html ngfor index সহ

একটি সূচকের সাথে ngFor নির্দেশনা ব্যবহার করার সাথে সম্পর্কিত প্রধান সমস্যাটি হল যে এটি অপ্রত্যাশিত ফলাফলের দিকে নিয়ে যেতে পারে যখন ডেটা পরিবর্তনের উপর পুনরাবৃত্তি করা হয়। কারণ অ্যারে থেকে আইটেমগুলি যোগ করা বা সরানো হলে সূচী স্বয়ংক্রিয়ভাবে আপডেট হয় না, তাই যদি একটি নতুন আইটেম ইনডেক্স 0 এ যোগ করা হয়, তবে অন্যান্য সমস্ত আইটেমের সূচীগুলি একটি করে নিচে সরানো হবে। এটি আপনার দৃশ্যে ভুল ডেটা প্রদর্শিত হতে পারে বা আপনার অ্যাপ্লিকেশনে অপ্রত্যাশিত আচরণ করতে পারে।

<ul>
  <li *ngFor="let item of items; let i = index">{{i}} - {{item}}</li>
</ul>

1. কোডের এই লাইনটি একটি অবিন্যস্ত তালিকা তৈরি করে।
2. *ngFor নির্দেশিকাটি আইটেম অ্যারের মাধ্যমে লুপ করতে এবং তালিকায় প্রতিটি আইটেম প্রদর্শন করতে ব্যবহৃত হয়।
3. let কীওয়ার্ডটি "আইটেম" নামক একটি ভেরিয়েবল ঘোষণা করতে ব্যবহৃত হয় যা লুপের পুনরাবৃত্তিতে বর্তমান আইটেমটিকে ধরে রাখে।
4. let কীওয়ার্ডটি "i" নামক একটি ভেরিয়েবল ঘোষণা করতেও ব্যবহৃত হয় যা লুপের পুনরাবৃত্তিতে বর্তমান আইটেমের সূচী ধারণ করে।
5. এই লাইনটি তালিকার প্রতিটি আইটেমকে তার সূচক নম্বর সহ (0 থেকে শুরু করে) প্রদর্শন করে।

কৌণিক কি

কৌণিক হল একটি জাভাস্ক্রিপ্ট-ভিত্তিক ওপেন-সোর্স ফ্রন্ট-এন্ড ওয়েব অ্যাপ্লিকেশন ফ্রেমওয়ার্ক যা মূলত Google এবং ব্যক্তি ও কর্পোরেশনের একটি সম্প্রদায় দ্বারা রক্ষণাবেক্ষণ করে যা একক-পৃষ্ঠার অ্যাপ্লিকেশনগুলি বিকাশে সম্মুখীন হওয়া অনেক চ্যালেঞ্জ মোকাবেলা করে। জাভাস্ক্রিপ্ট উপাদানগুলি Apache Cordova পরিপূরক, ক্রস-প্ল্যাটফর্ম মোবাইল অ্যাপ্লিকেশনগুলি বিকাশের জন্য ব্যবহৃত একটি কাঠামো৷ এটির লক্ষ্য হল ক্লায়েন্ট-সাইড মডেল-ভিউ-কন্ট্রোলার (MVC) এবং মডেল-ভিউ-ভিউ মডেল (MVVM) আর্কিটেকচারের জন্য একটি ফ্রেমওয়ার্ক প্রদান করে এই ধরনের অ্যাপ্লিকেশনগুলির বিকাশ এবং পরীক্ষা উভয়কেই সহজতর করা, সাথে সাধারণভাবে সমৃদ্ধ ইন্টারনেট অ্যাপ্লিকেশনগুলিতে ব্যবহৃত উপাদানগুলির সাথে।

ng উপাদানের জন্য

NgFor হল একটি কৌণিক কাঠামোগত নির্দেশিকা যা আমাদের ডেটা লুপ করতে এবং একটি অ্যারে বা বস্তুর প্রতিটি আইটেমের জন্য একটি টেমপ্লেট তৈরি করতে দেয়। এটি একটি প্রদত্ত HTML উপাদানকে নির্দিষ্ট সংখ্যক বার পুনরাবৃত্তি করতে ব্যবহৃত হয়। একটি অ্যারে, অবজেক্ট বা স্ট্রিং থেকে ডেটা প্রদর্শন করতে NgFor ব্যবহার করা যেতে পারে। এটি একটি অ্যারে বা অবজেক্টের মানের উপর ভিত্তি করে HTML উপাদান তৈরি করতেও ব্যবহার করা যেতে পারে। NgFor সাধারণত ngIf এবং ngSwitch-এর মতো অন্যান্য কৌণিক নির্দেশের সাথে একত্রে ব্যবহৃত হয়।

কিভাবে ngFor উপাদানের সূচক পেতে হয়

আপনি একটি ngFor লুপে একটি উপাদানের সূচক পেতে সূচক কীওয়ার্ড ব্যবহার করতে পারেন। এর জন্য সিনট্যাক্স নিম্নরূপ:

{{i}} – {{item}}

এই উদাহরণে, "i" ভেরিয়েবলে লুপের বর্তমান সূচক থাকবে। তারপরে আপনি আপনার তালিকার উপাদানগুলি অ্যাক্সেস বা সংশোধন করতে এই ভেরিয়েবলটি ব্যবহার করতে পারেন।

সম্পর্কিত পোস্ট:

মতামত দিন