JSFiddle - React, Tailwind, and code Playground

by choroshin

HTML

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<div ng-app="App"  >
    <div cancel-Pending="" myid='5' ><i class="icon icon-remove"></i>Cancel Request</div>
</div>

JavaScript

var app=angular.module('App', []);
    


    app.directive("cancelPending", [function () {
        var isFullScreen = false;

        return {
            restrict: "A",
            scope:{
                myid:'@'
            },
            link: function (scope, element,attr) {
          
                  var el= $(element);
                      el.on('click', function(){
                    if($(element).hasClass('opacity')){ return false; }
                    el.addClass('opacity').html('<i class="icon icon-remove"></i>Cancelling...');
                        console.log(scope.myid); //5                          
                   // var id = el.parents('.holiday').getId();
                    //Etc...
                  });
                
                
            }
        };
    }]);