как использовать две функции отправки для сохранения формы обновления angular js - PullRequest
0 голосов
/ 12 марта 2020

Я использую angular js для сохранения формы. после сохранения я загрузил все данные в сетку. данные можно редактировать с помощью кнопки редактирования. Я использую две отдельные функции для сохранения данных.

проверьте мою форму

<form class="form-horizontal" ng-submit="saveEmpDetils(); update()"
      novalidate="novalidate">
    Name <input type="text" ng-model="user.name"/>
    Age  <input type="text" ng-model="user.age"/>
    City <input type="text" ng-model="user.city"/>

    <button type="submit">Save</button>
    <button type="submit">Update</button>
</form>

загрузить данные в сетку

<table datatable=""   id="empDetialTable" dt-options="dtOptions"
       dt-columns="dtColumns"  class="table table-bordered table-hover">
    <thead>
        <tr>      
            <th>Name</th>
            <th>Age</th>
            <th>City</th>
            <th class="text-center">Action</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="employer in employerDetailList">
            <td>{{employer.name}}</td>
            <td>{{employer.age}}</td>
            <td>{{employer.city}}</td>
            <td data-title="'Action'" class="text-center">
                <div class="btn-group-xs">                       
                    <a ng-click="editUser(employer)" target="_self"
                       class="btn btn-flat btn-xs btn-primary"
                       data-toggle="tooltip"
                       data-placement="bottom" title="Edit" tooltip>
                        <i class="ion ion-edit"></i>
                    </a>
            </td>                       
        </tr>
    </tbody>
</table>

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

1 Ответ

2 голосов
/ 12 марта 2020

Насколько я понял, вам нужно обновить и сохранить в той же форме или форме Если я не ошибаюсь.

Итак,

  1. Хотя может быть несколько способов сделать Это. Например, вы можете передать идентификатор работодателя в маршруты для работодателя, которого вы хотите отредактировать и проверить, если идентификатор существует, затем вызовите функцию редактирования, а если нет, то сохраните функцию.
  2. Я полагаю, что сохранение и редактирование происходит модально, тогда вы может поддерживать переменную области видимости, которая предполагает isEdit, поэтому у вас изначально будет $ scope.isEdit = false //, а когда пользователь нажмет на кнопку редактирования, установите $ scope.isEdit в значение true. Затем проверьте, если $ scope.isEdit имеет значение true, затем вызовите функцию обновления, в противном случае вызовите функцию сохранения.

Измените

<form class="form-horizontal"   ng-submit="saveEmpDetils(); update()" novalidate="novalidate"> 

на

<form class="form-horizontal"   ng-submit="saveEmpDetils();" novalidate="novalidate">

, и ваши saveEmpDetails должны быть примерно такими:

$scope.saveEmpDetails = function() {
    if ($scope.isEdit) {
       $scope.update() //your update function
    } else {
       //your save function
    }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...