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

<ul>
  <li>enter in input field will trigger form.ng-submit and button[type=submit].ng-click</li>
  <li>click on Submit button the same as above.</li>
  <li>click on button[type=button] will trigger button[type=button].ng-click</li>

</ul>
<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!");
    };
});