JSFiddle - React, Tailwind, and code Playground

JavaScript

// CONTROLLER

    $scope.buildObject = function () {
        
            $scope.getCube(); // 
        
            console.log($scope.tempData); //gives undefined, obvious because getCube is not done running yet.
        
        }
    
        $scope.getCube = function () {
        
            promise = ClientService.dynamic(params);
        
            promise.then(function (data) {
        
                $scope.tempData = data[0];
        
                return $scope.tempData;
        
            }
        
        }

    /////////////////////////////////////////////////////
    
    // DYNAMIC SERVICE
    
    this.dynamic = function (params) {
    
        return qvCommService.send(createHyperCube).then(function (data) {
    
        }
    
    }

    //////////////////////////////////////////////////
    
    // SEND SERVICE
    
    send: function (msg) { 
    
        var deferred = $q.defer();
        var promise = deferred.promise;
    
        this.socket = new WebSocket(ws://*************);
    
        this.socket.addEventListener('open', function (e) {
            deferred.resolve("connected")
    
        });

        this.socket.send(angular.toJson(msg))
    
        return promise;
    }