JSFiddle - React, Tailwind, and code Playground

HTML

<table>
                <tr>
                    <td xml:space="preserve" />
                    <td xml:space="preserve" />
                    <td xml:space="preserve" />
                    <td xml:space="preserve">                                             /s/ Alexander Knauf                                             </td>
                    <td xml:space="preserve">                                             /s/ Manfred Grundke                                          </td>
                </tr>
                <tr>
                    <td xml:space="preserve" />
                    <td xml:space="preserve" />
                    <td xml:space="preserve" />
                    <td xml:space="preserve">                                                 Alexander Knauf                                                 </td>
                    <td xml:space="preserve">                                                 Manfred Grundke                                               </td>
                </tr>
                <tr>
                    <td xml:space="preserve" />
                    <td xml:space="preserve" />
                    <td xml:space="preserve" />
                    <td xml:space="preserve">                                                 Geschäftsführender Gesellschafter                                                 </td>
                    <td xml:space="preserve">                                                 Geschäftsführender Gesellschafter                                              </td>
                </tr>
                <tr>
                    <td xml:space="preserve" />
                    <td xml:space="preserve" />
                    <td xml:space="preserve" />
                    <td xml:space="preserve">                                                 Gebr. Knauf KG                                                  </td>
                    <td xml:space="preserve">                                                ...

JavaScript

angular.module('MyApp', [])

.factory('myService', function($q, $http, $timeout) {
    
    return {
        doSomethingHard: function() {
            alert('3. doing something hard');
            
            var deferred = $q.defer();

            $timeout(function(){
                alert('4. resolving deferred');
                deferred.resolve('Hello World!');
            }, 2000);
            
            //$http.get('/').success(function(response){
            //    console.log('4. resolving deferred');
            //    deferred.resolve('Hello World!');
            //});
       
       
            return deferred.promise;
        }
    };
    
})

.controller('MyCtrl', function($scope, myService) {

    $scope.doSomething = function() {
        alert('2. doing something');
        var promise = myService.doSomethingHard();
        console.log(promise);
        promise.then(function(result) {
            alert('5. ' + result);
        });
    };
    
})

.directive('myDirective', function($parse) {
    return {
        scope: {
            myParsedFunction: '=myDirective'  
        },
        link: function(scope, el) {
            
            el.bind('click', function() {
                alert('1. clicked button');
                scope.myParsedFunction();
            });
        }
    };
});