title: $error.pattern not working properly
body: <p>My cell phone number pattern is not getting applied by using the code testMessageForm.PhoneNumber.$error.pattern. I am not sure if I could even use <strong>pattern with $error</strong>. AngularJS documentation is no help either. </p>
  
  <pre><code>    **
  
  &lt;div class="col-sm-9"&gt;
              &lt;input required
                     placeholder="(nnn) nnn-nnnn"
                     ng-pattern="^(\([0-9]{3}\) |[0-9]{3}-)[0-9]{3}-[0-9]{4}$"
                     minlength="10"
                     data-ng-model="reminderTest.PhoneNumber"
                     id="PhoneNumber"
                     name="PhoneNumber"
                     class="form-control" /&gt;  &lt;!--ng-pattern="matchPattern"/&gt;--&gt;
              &lt;span class="help-block has-error"&gt;
                  &lt;span ng-show="testMessageForm.PhoneNumber.$error.required"&gt;
                      Phone number is required
                  &lt;/span&gt;
                  &lt;span ng-show="testMessageForm.PhoneNumber.$error.minlength"&gt;
                      At least 10 digits.
                  &lt;/span&gt;
                  &lt;span ng-show="testMessageForm.PhoneNumber.$error.pattern"&gt;
                      Wrong Phone number pattern.
                  &lt;/span&gt;
              &lt;/span&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>**</p>