Условная обязательная проверка с помощью кнопок в AngularJS

У меня есть две кнопки как "Сохранить и отправить", а также некоторые раскрывающиеся и текстовые поля. Необходимо проверить некоторые поля при нажатии кнопки "Отправить", а не щелкнуть "Сохранить". Пожалуйста, найдите код ниже.

<button class="btn btn-default custom_edit" 
                            data-ng-click="orderForm.$valid && saveOrder('save')" 
                            data-ng-if="!order.IsSubmitted"
                            data-ng-model="status"
                            value="save">Save</button>
<button class="btn btn-success" 
                            data-ng-click="orderForm.$valid && saveOrder('submit')" 
                            data-ng-if="!order.IsSubmitted"
                            data-ng-model="status"
                            value="submit">Submit</button>

 <input type="text" class="form-control" name="_requisition" placeholder="Requisition"
                                        data-ng-model="order.Requisition"
                                        data-ng-trim="true"
                                        data-ng-required="status=='save'"/>

Я попытался использовать значение и модель с кнопками и применил ее с помощью ng-required, однако он не работает.

Ответы

Ответ 1

Используя тип ввода как "submit", можно сохранить валидацию, а также другую функцию, которую можно также вызвать, поскольку форма действительна.

<input type="submit" value="Save"
                            data-ng-click="isSave = true; orderForm.$valid && saveOrder('save')" 
                            data-ng-model="isSave" 
                            data-ng-show="!order.IsSubmitted"/>
<input type="submit" value="Submit"
                            data-ng-click="isSave = false; orderForm.$valid && saveOrder('submit')" 
                            data-ng-model="isSave"  
                            data-ng-show="!order.IsSubmitted"/>

<input type="text" class="form-control" name="_requisition" placeholder="Requisition"
                            data-ng-model="order.Requisition"
                            data-ng-trim="true"
                            maxlength="100"
                            data-ng-required="isSave"/>

Таким образом, мы можем легко установить значение модели при нажатии кнопки во время выполнения, а также подтвердить форму.