ng-bs-animated-button

Angular/Bootstrap animated submit button directive

Angular Core Dependency: >=1.2.0

Module License: MIT

Added by: Sam Deering

GitHub

Repository

jeremypeters/ng-bs-animated-button

Stats

Stars: 149

Watchers: 149

Forks: 26

Module Description

#ng-bs-animated-button

Angular/Bootstrap animated submit button directive.

Demo

http://jeremypeters.github.io/ng-bs-animated-button/

Usage

  1. Install via Bower:
bower install ng-bs-animated-button
  1. Include ng-bs-animated-button.js and ng-bs-animated-button.css in your app. They should be located at bower_components/ng-bs-animated-button/.

  2. Add jp.ng-bs-animated-button as a module dependency to your app:

angular.module('yourApp', ['jp.ng-bs-animated-button']);
  1. Add the directive with the required attributes to your template:
<jp-ng-bs-animated-button is-submitting="isSubmitting" result="result" options="options"></jp-ng-bs-animated-button>
  1. Add the required scope variables and any options to your controller:
app.controller('yourCtrl', function($scope) {

  // Required - set to true on submission
  $scope.isSubmitting = null;

  // Required - set to 'success' or 'error' on success/failure
  $scope.result = null;

  // Optional
  $scope.options = {
    buttonDefaultText: 'Lorem ipsum',
    ...
  };

});

Options

| Option | Default | | :---------------------- | :---------------------------- | | buttonDefaultClass | 'btn-primary' | | buttonSubmittingClass | 'btn-primary' | | buttonSuccessClass | 'btn-primary' | | buttonErrorClass | 'btn-danger' | | buttonDefaultText | 'Submit' | | buttonSubmittingText | 'Submitting...' | | buttonSuccessText | 'Completed' | | buttonErrorText | 'There was an error' | | buttonInitialIcon | 'glyphicon glyphicon-plus' | | buttonSubmittingIcon | 'glyphicon glyphicon-refresh' | | buttonSuccessIcon | 'glyphicon glyphicon-ok' | | buttonErrorIcon | 'glyphicon glyphicon-remove' | | formIsInvalid | '' | | animationCompleteTime | '2000' | | iconsPosition | 'left' | | onlyIcons | false |

Module stats last updated: 2017-11-06 15:00:11

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!