Как сериализовать форму в Angular JS?

Рейтинг: 1Ответов: 1Опубликовано: 15.04.2015

Когда на странице может быть несколько форм? Какую лучший путь сделать это? Как вариант для каждой формы указать:

<form ng-submit="submitForm('type')">

Тогда как вызвать этот сабмит по кнопке <div class="btn save">Save</div>

angularjs
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Нет необходимости в серилизации форм. Ваши данные хранятся в скопе и синхронизируются через директиву ngModel.

Вот пример:

<!DOCTYPE html>
<html data-ng-app="app">

  <head>
    <script data-require="angular.js@1.3.15" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <div data-ng-controller="AppCtrl as ctrl">
      <form name="parentForm">
        <input type="text" data-ng-model="ctrl.formData.field1" />
        <form name=childForm">
        <input type="text" data-ng-model="ctrl.formData.field2" />
      </form>
      </form>
     <form name="siblingForm">
       <input type="text" data-ng-model="ctrl.formData.field3" />
     </form>

      {{ctrl.formData}}
    </div>
  </body>

</html>

angular.module('app', [])
       .controller('AppCtrl', function(){
         var ctrl = this;

         ctrl.formData = {};
       });