The required
and ng-required
attributes only affect the validity of a form. If you want to prevent your modal buttons from working you'll need to hook up the form's state to something like ng-disabled
. Check this plunker: http://plnkr.co/edit/ru4uqgpcWKyGwCFfZPoO?p=preview
You'll see that I wrapped your modal body in a form named "eventForm", and added ng-disabled="eventForm.$invalid"
to your "OK" button.
You can read more about forms in Angular here: http://docs.angularjs.org/guide/forms