title: Input validation with pattern Angular 2
body: <p>I'm currently writing a simple form in ionic 2 (Angular 2). I was wondering how I'd add a simple <a href="http://en.wikipedia.org/wiki/Regular_expression" rel="noreferrer">regular expression</a> pattern to the validation:</p>
  
  <p>I basically have this:</p>
  
  <pre><code>&lt;form&gt;
      &lt;ion-input stacked-label&gt;
          &lt;ion-label&gt;{{label.msisdn}}&lt;/ion-label&gt;
          &lt;input type="text"
                 [(ngModel)]="msisdn"
                 ngControl="msisdnForm"
                 required
                 maxlength="10"
                 minlength="10"
                 pattern="06([0-9]{8})"
                 #msisdnForm="ngForm"
          &gt;
      &lt;/ion-input&gt;
      &lt;button [disabled]="!msisdnForm.valid" block (click)="requestActivationCode()"&gt;
          {{label.requestActivationCode}}
      &lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The maxlength, minlength &amp; required are being picked up (the button is disabled if conditions not met). Now I want to limit the input to numeric and prefix it with 06 (Dutch phone number with minimum amount of numbers).</p>
  
  <p>The pattern is however not picked up in the validation. Can I do it this way, or do I need a code approach?</p>