Angular में if कंस्ट्रक्शन

Angular में शर्त एक विशेष कंस्ट्रक्शन @if का उपयोग करके भी बनाई जा सकती है। यह कंस्ट्रक्शन शर्त के आधार पर कोड ब्लॉक्स को दिखाने या छिपाने की अनुमति देती है। आइए देखें कि इसके साथ कैसे काम करें।

मान लीजिए कि हमारे पास निम्नलिखित चर है:

app/app.component.tsexport class AppComponent {
  public isAdmin: boolean = true;
}

आइए एक div बनाएं जो तब दिखाई देगा, जब इस चर का मान true हो:

app/app.component.html@if (isAdmin) {
  <div>
    text
  </div>
}

आइए ऐसा बनाएं कि div तब दिखाई दे, जब हमारे चर का मान false हो:

app/app.component.html@if (!isAdmin) {
  <div>
    text
  </div>
}