title: angularJS ng-pattern not working
body: <p>Please take a look plunker.</p>
  
  <p><a href="http://plnkr.co/edit/DuTFYbLVbPkCIvRznYjG?p=preview" rel="noreferrer">http://plnkr.co/edit/DuTFYbLVbPkCIvRznYjG?p=preview</a></p>
  
  <p>where ng-pattern regEx is not going to apply on input text field.</p>
  
  <p>where only required validation is applying properly.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body ng-controller="tableController"&gt;
      &lt;form name="test"&gt;
          &lt;div ng-repeat="model in models"&gt;
              &lt;span ng-bind="model.caption"&gt;&lt;/span&gt;
              &lt;div ng-form name="frm{{$index}}"&gt;
                  &lt;input name="input{{$index}}"
                      ng-model="data[model.name]"
                      ng-disabled="model.isDisabled"
                      minlength="{{model.minlength}}"
                      maxlength="{{model.maxlength}}"
                      ng-show="model.isShow"
                      ng-pattern="model.pattern"
                      ng-required="true" /&gt;
                  &lt;br /&gt;
                  {{data[model.name]}}
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/form&gt;
      &lt;br /&gt;
      &lt;br /&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>angular.module("app", []).controller("tableController", function ($scope) {
          $scope.regEx = "/^\\d+$/";
          $scope.data = {};
          $scope.data.one = 234;
          $scope.data.two = 32432;
          $scope.models = [
              { name: "one", caption: "cOne", isDisabled: false, isShow: true, minlength: 2, maxlength: 10, pattern: "/^\d+$/" },
              { name: "two", caption: "cTwo", isDisabled: false, isShow: true, minlength: 2, maxlength: 5, pattern: "/^\d+$/" },
          ];
              });
  </code></pre>
  
  <p>Any suggestion ??</p>
  
  <p>-Thanks</p>