title: Disable Button in Angular 2
body: <p>I want if the input 'Contract type' is empty, the button 'Save' is not clickable</p>
  
  <p>Save button: </p>
  
  <pre><code>&lt;div class="col-md-4"&gt;
          &lt;cic-textbox [control]="formGroup.get('contractType')"&gt;&lt;/cic-textbox&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>ALL Buttons:</p>
  
  <pre><code> &lt;div class="cic-header-actions pull-left" *ngIf="actions &amp;&amp; actions.length &gt; 
   0"&gt;
        &lt;button class="btn btn-{{action.style}} m-l-xs" *ngFor="let action of actions" ng-disabled="!contractTypeValid" (click)="execute(action)"&gt;
            &lt;cic-icon [icon]="action.icon"&gt;&lt;/cic-icon&gt;
            {{action.text }}
          &lt;/button&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Definition contractType: </p>
  
  <pre><code> let contractType: DataDictionaryPropertyExtended = {
              Binding: 'VART:BEZEICHNUNG',
              Label: 'Vertragsart',
              LabelCols: 4,
              ContentCols: 8,
              IsDisabled: this.isDisabled,
              ValidationProperties: [
                  &lt;ValidationProperty&gt;{
                      Type: ValidationType.IsNotEmpty,
                      ErrorMessage: 'Vertragsart darf nicht leer sein.',
                  }
              ]
          };
  </code></pre>
  
  <p>BUTTON SAVE GREEN:</p>
  
  <p><a href="https://i.stack.imgur.com/QE5M2.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/QE5M2.jpg" alt="enter image description here"></a></p>