title: How to disable the div tag in angular 2
body: <p>I am trying to disable the div tag after a success callback of that action. </p>
  
  <p>please look my ion-content</p>
  
  <pre><code>&lt;ion-content padding class="forgot-password"&gt;
    &lt;div [ngClass]="{active: isOn,disabled: isDisabled}"&gt;
      &lt;ion-item&gt;
          &lt;ion-label floating&gt;Email/Mobile&lt;/ion-label&gt;
          &lt;ion-input type="text" [(ngModel)]="loginId"&gt;&lt;/ion-input&gt;
      &lt;/ion-item&gt; &lt;br&gt;&lt;br&gt;
  
      &lt;button class="float-right" (click)="generateOTP(!isOn);"&gt;Send OTP&lt;/button&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
    &lt;/div&gt;
    &lt;br&gt;
  
    &lt;div *ngIf="showRePasswd"&gt;
      &lt;ion-item&gt;
          &lt;ion-label floating&gt;Enter OTP&lt;/ion-label&gt;
          &lt;ion-input type="text" [(ngModel)]="passwd"&gt;&lt;/ion-input&gt;
      &lt;/ion-item&gt; &lt;br&gt;&lt;br&gt;
  
      &lt;button class="float-right" (click)="resetPassword();"&gt;Send Password&lt;/button&gt;
    &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>here is my .ts file</p>
  
  <pre><code>export class ForgotPasswordPage {
  
      public loginId = "";
      public passwd = "";
  
    public showRePasswd = false;
    isDisabled = false;
    isOn = false;
  
    constructor(private navCtrl: NavController, private logger: Logger, private user: Users) {
  
    }
  
    generateOTP(newstate) {
      this.logger.info("invoking generateOTP FN");
      var _this = this;
      this.user.generateOTP(this.loginId, function(result,data){
        if(result == '1') {
          alert(data);
          _this.showRePasswd = !_this.showRePasswd;
          _this.isDisabled = true;
          _this.isOn = newstate;
        }
        else {
          //this.showRePasswd = this.showRePasswd;
          alert(data);
        }
      })
    }
  
    resetPassword() {
      this.logger.info("invoking resetPassword FN");
      var _this = this;
  
      this.user.resetPassword(this.passwd, function(result,data) {
        if(result == '1') {
          alert(data);
          _this.navCtrl.push(LoginPage);
        }
        else {
          alert(data);
        }
      })
    }
  }
  </code></pre>
  
  <blockquote>
    <p>I tried <code>[ngClass]</code> but i am not able to make my div tag disable after the success callback.</p>
  </blockquote>
  
  <p>I also tried using <code>[disabled]</code> but not working</p>
  
  <p>Here is a <a href="http://plnkr.co/edit/a4YdtmWywhJ33uqfpPPn?p=preview" rel="noreferrer">demo</a> for disable a div tag but in my case not working</p>
  
  <blockquote>
    <p>My requirement is to make my input field and button to be disabled after success callback</p>
  </blockquote>