Menu
I'm a fish in AngularJS and I have this scenario.
<form> <input type="text"> </form> <button type="submit">submit</button> In normal ways AngularJS provides the ng-submit directive to work as an attribute in the form but I need to call it outside.
So, someone has experienced the same problem? If yes, what you did?
545
Use HTML5's form attribute, here's a sample:
angular.module('app', []) .controller('MyCtrl', ['$scope', function($scope) { $scope.submitted = false; $scope.confirm = function() { $scope.submitted = true; }; }]);form { padding:5px; border: 1px solid black }<!DOCTYPE html> <html ng-app="app"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <body ng-controller="MyCtrl"> <form id="myform" ng-submit="confirm()"> <label for="myinput">My Input</label> <input type="text" id="myinput" name="myinput"> </form> <br> <input type="submit" value="Submit" form="myform"> <p ng-show="submitted"> The form was submitted </p> </body> </html>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
