title: Disable submit button according to ngIf in the same angular form
body: <p>I am using Angular 6 and I created a reactive form. This is the form here </p>
  
  <pre><code>&lt;form [formGroup]="myForm" (ngSubmit)="myFormSubmit()"&gt;
              &lt;div formGroupName = "showNameGroup"&gt;  
                  &lt;label&gt;
                      &lt;input type="text" formControlName="showName"  &gt;
                    &lt;/label&gt;
              &lt;/div&gt; 
               &lt;div *ngIf='results | async ; let items '&gt; 
                  &lt;div *ngFor='let item of items'&gt;
                    &lt;div *ngIf='item.name != currentPoint.name'&gt;
                       {{item.name}} already exists. You cannot submit until you change the name
                       &lt;!-- also disable submit somehow --&gt;
                    &lt;/div&gt;                               
                  &lt;/div&gt;                  
               &lt;/div&gt;
  
               &lt;select formControlName="showType"&gt;
                  &lt;option *ngFor='let item of showTypeData' value="{{item.id}}" &gt;{{item.name}}&lt;/option&gt;
               &lt;/select&gt;
  
              &lt;button type="submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The <code>results</code> is updated as I type in the form's textfield</p>
  
  <p>So, every time the <code>&lt;div *ngIf='item.name != currentPoint.name'&gt;</code> part is true I would also like to disable the submit some how. How can I do this? </p>
  
  <p>Thank you</p>