AngularJS AngularJS How to prevent button to submit a form

A normal button submit your form when you just want it to trigger click event? Answer on my blog http://vincentaudebert.github.io/

by klode

HTML

<p>
  enter in input field will trigger form.ng-submit and button[type=submit].ng-click
  click on Submit button the same as above.
  click on button[type=button] will trigger button[type=button].ng-click
</p>
<form ng-controller="YourController" ng-submit="submit()">
    <input type="text">
    <button type="button" ng-click="printSomethingAwesome()">Print Something Awesome</button>
  <button type="submit" ng-click="printSomethingElse()">Submit</button>
</form>

JavaScript

angular.module("YourModule", [])
    .controller("YourController", function YourController($scope) {
        
    $scope.submit = function() {
        console.log("Submit!");
    };
        
    $scope.printSomethingAwesome = function() {
        console.log("Something Awesome!");
    };
    $scope.printSomethingElse = function() {
        console.log("Something Else!");
    };
});