как показать красную рамку в поле ввода на кнопке In angular js

Question

Подскажите, пожалуйста, как показать красную рамку в поле ввода на кнопке в angularJs. В настоящее время красная рамка отображается при загрузке приложения. На самом деле, я добавил ng-required validation в мою форму. Но я хочу, чтобы это работало только после нажатия кнопки, вот мой код http://plnkr.co/edit/zL0cueTJN6xqxC4LzhOd?p=preview

<div class="form-group" ng-class="{'has-error': myform[key].$invalid}">
                                    <input type="text" name="{{key}}" class="form-control" ng-model="value.value" ng-required="value.required">
                                  </div>

Answer 1

Объявите переменную $scope.isSubmitClicked=false; в области видимости и сделайте ее true в submit()

$scope.isSubmitClicked = false;
$scope.submit = function ($event) {           
    $scope.isSubmitClicked = true;
};

Тогда

<input type="text" name="{{key}}" class="form-control" ng-model="value.value" ng-required="value.required && isSubmitClicked">