AngularJS ngForm

Dynamic name, and form validation with AngularJS

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.2/angular.js"></script>
<div ng-controller="DetailsCtrl">
  <ng-form id="submit" name="urlForm" ng-submit="sub()">
    <input type="text" name="socialUrl" ng-model="social">

  </ng-form>

  <button ng-click="foo()">
    sdasdasd
  </button>
</div>

JavaScript

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

myApp.controller('DetailsCtrl', ['$scope', function ($scope) {
console.log("ciaoi")
    $scope.foo = function(){	
			console.log(angular.element(document.querySelector("#submit"))[0].submit())
		}
    $scope.sub = function(){
    console.log("sub");
    }
}]);