form.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!doctype html>
  2. <html ng-app="testApp">
  3. <head>
  4. <title>Test</title>
  5. <link rel="stylesheet" href="/bower_components/ladda/dist/ladda-themeless.min.css">
  6. <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">
  7. <script src="/bower_components/ladda/dist/spin.min.js"></script>
  8. <script src="/bower_components/ladda/dist/ladda.min.js"></script>
  9. <script src="/bower_components/angular/angular.js"></script>
  10. <script src="/dist/angular-ladda.min.js"></script>
  11. <script>
  12. angular.module('testApp', ['angular-ladda'])
  13. .config(function (laddaProvider) {
  14. })
  15. .controller('TestController', ['$scope', function($scope) {
  16. }]);
  17. </script>
  18. </head>
  19. <body ng-controller="TestController">
  20. <form role="form" name='signUpForm' novalidate ladda="laddaLoad">
  21. <fieldset>
  22. <legend>Create new account</legend>
  23. <div class="form-group" show-errors>
  24. <label class="control-label" for="email">Your email address</label>
  25. <input id="email" name="email" type="email" ng-model="registrationData.email" class="form-control" required>
  26. <p class="help-block" ng-if="signUpForm.email.$error.required">You need to fill your email address.</p>
  27. </div>
  28. </fieldset>
  29. <button class="btn btn-primary btn-block ladda-button" ng-click="signUp()" class="btn btn-primary">
  30. <span class="ladda-label">Sign up</span>
  31. </button>
  32. </form>
  33. </body>
  34. </html>