title: Angular: setErrors not displaying message
body: <p>I am trying to display set te error message inside my  custom control with lo luck..the message is always empty! what am I missing?
  onSelectedCC(event: any)//this called to turn on/off phone validator</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="form-group col-xs-3 col-md-3"
                                       [ngClass]="{
                                       'has-error':(ersaForm.get('phone').touched || ersaForm.get('phone').dirty ) &amp;&amp;
                                       !ersaForm.get('phone').valid
                                       }"&gt;
  
                                      &lt;label for="phoneLabel" class="control-label"&gt;Phone&lt;/label&gt;
  
  
                                      &lt;input type="tel" formControlName="phone" pattern="^[0-9-+s()]*$" class="form-control" id="phoneLabel"   placeholder="Phone"&gt;
  
                                      &lt;span class="help-block" *ngIf="(ersaForm.get('phone').touched || ersaForm.get('phone').dirty ) &amp;&amp;
                                       ersaForm.get('phone').errors"&gt;
                                          &lt;span *ngIf="ersaForm.get('phone').errors.customVal"&gt;
                                              &lt;!--Phone Number does not exist.--&gt;
                                          &lt;/span&gt;
  
                                      &lt;/span&gt;
  </code></pre>
  
  <p><strong>TS(custome control is working but message is empty)</strong>     </p>
  
  <pre><code>return (c: AbstractControl): { [key: string]: boolean } | null =&gt; {
  
          let dataForm = c.parent;
          c.setErrors(null);
           var phoneVal = "";
          if (c.value.length != 10) {    
              c.setErrors({ 'incorrect phone format': true });
  
              return { 'customVal': true };
          }
  
  
          if (c.value != undefined &amp;&amp; val == -1 &amp;&amp; val != '') {
              c.setErrors({ 'Phone Number does not exist.': true });
              return { 'customVal': true };
          };
          return null;
      };
  }       
  
      this.ersaForm = this._fb.group({
          phone: '',
  
      });
  
  onSelectedCC(event: any)//this called to turn on/off phone validator
  {
      const phoneControl = this.ersaForm.get('phone');
  
      let cc = event.value.name;
      if (cc == '1111' )
      {
          phoneControl.setValidators([Validators.required, phoneCheck(this.customVal)]);
                  }
      else {
          phoneControl.clearValidators();
  
      }
      phoneControl.updateValueAndValidity();
  }
  </code></pre>