AngularJS form validation via interpolated pattern

Question

I'm trying to make a simple input that validates only by matching some data in scope, literally:

<ng-form name="fooForm">
  <input required
         pattern="/{{foo}}/"
         ng-model="dummy"
         name="shouldBeFoo" />
  <button ng-class="{disabled: fooForm.shouldBeFoo.$invalid}">
    Run Foo
  </button>
</ng-form>

However, running this code shows that the $invalid attribute doesn't account for the interpolated pattern. Is there a programmatic way of setting the input's validation to equal foo, precisely? Maybe some function predicate?

Zach Snow · Accepted Answer · 2015-05-18 17:14:08Z

0

See ng-pattern to specify a pattern using an expression: https://docs.angularjs.org/api/ng/directive/input

edited May 18, 2015 at 17:14

answered May 18, 2015 at 0:15

Zach Snow

1,0638 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS form validation via interpolated pattern

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related