AngularJS ng-switch निर्देश

परिभाषा और उपयोग

ng-switch निर्देश आपको एचटीएमएल एलिमेंट को छुपाने/दिखाने की अनुमति देता है।

अगर उप-एलिमेंट ng-switch-when निर्देश को मेल खाने वाला अनुग्रह मिलता है तो उसके साथ दिखाया जाता है ng-switch-when निर्देश के उप-एलिमेंट का उपयोग कर सकते हैं, नहीं तो उस एलिमेंट और उसके उप-एलिमेंट को मिटा दिया जाएगा।

आप इसके अलावा ng-switch-default इस निर्देश के द्वारा डिफ़ॉल्ट हिस्सा परिभाषित किया जाता है, ताकि अन्य सभी हिस्से मेल नहीं खाते हों तो यह हिस्सा दिखाया जाए।

उदाहरण

केवल जब यह किसी विशेष मान से मेल खाता है तभी एक हिस्सा HTML दिखाया जाता है:

<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 एलिमेंट्स समर्थित हैं。

पैरामीटर