JSFiddle - React, Tailwind, and code Playground

by smlombardi

HTML

<div ng-app="app">
    <div ng-controller="SpinnerController as progress">
        <pb-spinner-button class-list="btn btn-primary"
          on-click="progress.buttonLoading.load()">{{progress.buttonLoading.text}}</pb-spinner-button>
    </div>
</div>

JavaScript

angular.module('app', [])
	.controller('SpinnerController', function($timeout) {
        var _this = this;
        _this.buttonLoading = {
            text: 'Saving',
            load: function() {
                alert('TEST');
            }
        };
    })

    .directive('pbSpinnerButton', function() {
        return {
            restrict: 'E',
            template: '<button class="{{classList}}" ng-click="onClick()" pb-button-progress type="button" ng-transclude></button>',
            scope: {
                classList: '@',
                onClick: '&'
            },
            transclude: true
        };
    });