অ্যাংগুলারজএস এনগুইচ ইনস্ট্রাকশন

বিবরণ ও ব্যবহার

ng-switch ইনস্ট্রাকশন আপনাকে হাইপারটেক্সট ইলিমেন্টসকে লুকানো/দেখানোর অনুমতি দেয়।

যদি সাব-ইলিমেন্টস ইনস্ট্রাকশনের মাধ্যমে ng-switch-when ইনস্ট্রাকশন মাটচবে তবে, তবে তা দেখানো হবে ng-switch-when ইনস্ট্রাকশনের সাব-ইলিমেন্টস, না তবে তা এবং তার সাব-ইলিমেন্টস মুছে ফেলা হবে।

আপনি আরও ব্যবহার করতে পারেন ng-switch-default ইনস্ট্রাকশন একটি ডিফল্ট অংশ নির্দিষ্ট করে, যাতে অন্যান্য অংশগুলির মধ্যে কোনও একটি মাটচবেন না তবে তা দেখানো হয়।

উদাহরণ

কেবল যখন তা একটি বিশেষ মানের সাথে মাটচে, তবে একটি অংশ হাইপারটেক্সট দেখানো হয়:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>কুকুর</h1>
    <p>কুকুরদের একটি বিশ্বে আপনাকে স্বাগত জানাই।</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>ট্যুটোরিয়াল</h1>
    <p>উদাহরণ থেকে শিখুন।</p>
  </div>
  <div ng-switch-when="cars">
    <h1>গাড়ি</h1>
    <p>গাড়িগুলি নিয়ে পড়ুন。</p>
  </div>
  <div ng-switch-default>
    <h1>সুইচ</h1>
    <p>ড্রপডাউন থেকে থিম নির্বাচন করে এই DIV-এর কনটেন্ট পরিবর্তন করুন。</p>
  </div>
</div>

আপনার নিজের হাতে পরীক্ষা করুন

সিন্থ্য

<element ng-switch="expression">
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-default></element>
</element>

সকল HTML এলিমেন্টগুলি এইসব সমর্থন করে。

পারামিটার