title: Angular2 - Only Allow Alpha Characters TO Be Entered In An Input
body: <p>I am very new to <code>Angular2</code> and cant seem to find my answer anywhere.  I have an <code>input</code> (as show below) but I only want it to allow the following:</p>
  
  <ul>
  <li>A-Z</li>
  <li>a-z</li>
  <li>'</li>
  <li>-</li>
  <li>[SPACE]</li>
  </ul>
  
  <p>I have no idea on how to do this. I have tried <code>ng-pattern="/^[a-zA-Z\s]*$/"</code>, <code>pattern="/^[a-zA-Z\s]*$/"</code> and <code>ng-pattern-restrict="/^[a-zA-Z\s]*$/"</code>.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;td&gt;
      &lt;md-input-container&gt;
          &lt;input mdInput [(ngModel)]="details.firstName" placeholder="First name(s)" ng-pattern="/^[a-zA-Z\s]*$/"&gt;
      &lt;/md-input-container&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Ideally if a user enters a numeric character, I'd ether like it to be removed by itself or just not be allowed (not displayed) in the field</p>