title: How to disable a button from the component in angular2?
body: <p>How can i disable the button present in the template from the components properties? suppose i have a component like this</p>
  
  <pre><code>    export class PolicyAddComponent {
        ToggleButton: boolean = true;
  
        SubmitPolicy(value: any) {
          ToggleButton = false;
        }
      }
  </code></pre>
  
  <p>and i have a template like this  </p>
  
  <pre><code> &lt;form role="form" [formGroup]="PolicyForm" (ngSubmit)="SubmitPolicy(PolicyForm.value)"&gt;
     &lt;input type="date" class="form-control" formControlName="RateDate" placeholder="Rate Date"&gt;
       &lt;button type="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;
       &lt;button type="submit" class="btn btn-primary" (click)="ShowIssuedPolicy()"&gt;Show Issue policy&lt;/button&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>I want the submit button to be disabled and the Show Issue policy button to be enabled once the submit button is clicked. How can i do that?</p>