Action within another action's callback is not called

Question

I have an action that returns a list of Account objects. Account object has a custom object field called Support__c that I want to get the name of the Support__c instead of getting the objectID. So, I am calling getSupport within getAccounts's callback. I am debugging the getAccount function, but it is not called (does not log anything).

Code:

.js

action_get_accounts.setCallback(this, function(data) {
    var returnedObject = data.getReturnValue();
    for (i = 0; i<returnedObject.length; i++) {
        //Prints here
        var action_get_support_name = component.get("c.getSupport");
        action_get_support_name({suportId: cvs['Support__c']});
        action_get_support_name.setCallback(this, function(data) {
            returnedObject[i]['Account__c'] = date.getReturnValue();
        });
        $A.enqueueAction(action_get_account_name);
    }
}
$A.enqueueAction(action_get_accounts); 

.apxc

@AuraEnabled
    public static String getSupportName(Id supportId) {    
        System.debug('function called'); //does not print here
        Support__c support =[Select Name FROM Support__c WHERE id = :supportId];
        return support.Name;
    }

Answer 1

Your javascript is just wrong:

action_get_support_name is used but not declared

returnedObject.length[i]['Account__c'] is almost certain not to work. returnedObject.length is number, so applying [i] to it will not work.

I suggest you step through in your browser's debugger. Change it to:

action_get_accounts.setCallback(this, function(data) {
    var returnedObject = data.getReturnValue();
    for (i = 0; i<returnedObject.length; i++) {
        //Prints here
        debugger;
...

Then run with developer tools open, and step through until all the JS problems are resolved.