উদাহরণ সহ AngularJS নির্দেশিকা: ng-init, ng-repeat, ng-app, ng-model

  • {{নাম}}

কোড ব্যাখ্যা:

  1. Ng-init নির্দেশিকাটি আমাদের div ট্যাগে যোগ করা হয়েছে 'অধ্যায়' নামে একটি ভেরিয়েবল সংজ্ঞায়িত করার জন্য যা 3 টি স্ট্রিং ধারণকারী একটি অ্যারে ভেরিয়েবল।
  2. এনজি-পুনরাবৃত্তি উপাদানটি 'নাম' নামে একটি ইনলাইন ভেরিয়েবল ঘোষণা করে এবং অধ্যায় অ্যারেতে প্রতিটি উপাদান দিয়ে যায়।
  3. অবশেষে, আমরা স্থানীয় ইনলাইন ভেরিয়েবলের মান দেখিয়েছি 'নাম।'

যদি কোডটি সফলভাবে সম্পাদিত হয়, আপনি যখন ব্রাউজারে আপনার কোডটি চালাবেন তখন নিম্নলিখিত আউটপুট দেখানো হবে।

আউটপুট:

  • উপরের আউটপুটটি শুধু দেখায় যে এনজি-পুনরাবৃত্ত নির্দেশিকা অ্যারের প্রতিটি মানকে 'অধ্যায়' বলে নিয়েছে এবং অ্যারের প্রতিটি আইটেমের জন্য এইচটিএমএল তালিকা আইটেম তৈরি করেছে।

সারসংক্ষেপ

  • এইচটিএমএল এর কার্যকারিতা বাড়ানোর জন্য নির্দেশিকা ব্যবহার করা হয়। কৌণিক অন্তর্নির্মিত নির্দেশনা প্রদান করে যেমন
    • ng-app-এটি একটি কৌণিক অ্যাপ্লিকেশন আরম্ভ করতে ব্যবহৃত হয়।
    • ng-init-এটি অ্যাপ্লিকেশন ভেরিয়েবল তৈরি করতে ব্যবহৃত হয়
    • ng-model-এটি ব্যবহার করা হয় এইচটিএমএল কন্ট্রোলকে অ্যাপ্লিকেশন ডেটার সাথে আবদ্ধ করতে
    • এনজি-পুনরাবৃত্তি-কৌণিক ব্যবহার করে উপাদান পুনরাবৃত্তি করতে ব্যবহৃত হয়।