AngularJS: la direttiva ng-submit

AngularJS dispone di una direttiva specifica per gestire l'invio dei form.

La direttiva ng-submit associa un metodo del controller all'evento submit:

<form ng-submit="submit()" ng-controller="FormCtrl">
    <input type="text" ng-model="person.name" name="person.name" />
    <input type="submit" name="person.name" value="Submit" />
    <code>people={{people}}</code>
    <ul ng-repeat="(index, object) in people">
      <li>{{ object.name }}</li>
    </ul>
</form>

Il codice JavaScript:

var app = angular.module('MyApp', []);

app.controller('FormCtrl', ['$scope', function($scope) {
	$scope.person = {
       name: null
    };

    $scope.people = [];

    $scope.submit = function() {
       if ($scope.person.name) {
         $scope.people.push({name: $scope.person.name});
         $scope.person.name = '';
       }
    };

}]);