Обновить строку в Angular JS

0

Я представляю форму, используя Angular JS и веб-сервис. Вот code-

<table>
    <tr>
        <td style="text-align: right;">Name :
        </td>
        <td>
            <input type="text" id="txtEmpName" ng-model="EmpName" />
        </td>
    </tr>
    <tr>
        <td style="text-align: right;">Age :
        </td>
        <td>
            <input type="text" id="txtEmpAge" ng-model="EmpAge" />
        </td>
    </tr>
    <tr>
        <td style="text-align: right;">City :
        </td>
        <td>
            <input type="text" id="txtEmpCity" ng-model="EmpCity" />
        </td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">
            <input type="submit" id="btnSubmit" value="Submit" />
        </td>
    </tr>
</table>

Я хочу, чтобы эти текстовые поля были повторно использованы в Редактировании, т.е. На элементе редактирования нажмите соответствующий элемент, который должен быть заполнен, и кнопка "Сохранить" теперь должна работать как кнопка "Обновить". Как мне это сделать? Альтернативно Как я могу сделать строку редактируемой?

  • 0
    Пожалуйста, смотрите этот stackoverflow.com/questions/37513025/…
  • 0
    ну, эта ссылка мне больше не помогает.
Теги:

1 ответ

1

В идеале вы хотели бы создать модели как Employee.Name, Employee.Age, Employee.City

Теперь

    <table>
    <tr>
        <td style="text-align: right;">Name :
        </td>
        <td>
            <input type="text" id="txtEmpName" ng-model="Employee.Name" />
        </td>
    </tr>
    <tr>
        <td style="text-align: right;">Age :
        </td>
        <td>
            <input type="text" id="txtEmpAge" ng-model="Employee.Age" />
        </td>
    </tr>
    <tr>
        <td style="text-align: right;">City :
        </td>
        <td>
            <input type="text" id="txtEmpCity" ng-model="Employee.City" />
        </td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">
            <button type="button" id="btnSubmit" ng-click="saveEmployee()">{{Employee.id ? "Edit" : "Create"}}</button>
        </td>
    </tr>
</table>

В контроллере

    $scope.saveEmployee = function(){
        if($scope.Employee.id){
             // Id will be present for a existing employee
            // update the Employee
          }else {
             // Id not present
             // create the employee              
          }
    }

У меня будет модель Employee.save() в модели, которая может идентифицировать погоду для сохранения или обновления Employee

Ещё вопросы

Сообщество Overcoder
Наверх
Меню