How do you call one action from another action when wrapped within `actions` in an EmberJS controller?

Original code that uses the now deprecated way to define actions:



    //app.js
    App.IndexController = Ember.ArrayController.extend({
    	// properties
    	/* ... */
    
    	// actions
    	actionFoo: function() {
    		/* ... */
    		this.actionBar();
    	},
    	actionBar: function() {
    		/* ... */
    	}
    });
    
    //app.html
    &lt;div class=&quot;foo&quot; {{action actionFoo this}}&gt;
    &lt;div class=&quot;bar&quot; {{action actionBar this}}&gt;



However, with EmberJS 1.0.0, we get a deprecation warning, saying that actions must be put within an actions object within the controller, instead of directly within the controller, as above.

Updating the code, according to recommendations:



    //app.js
    App.IndexController = Ember.ArrayController.extend({
    	// properties
    	/* ... */
    
    	// actions
    	actions: {
    		actionFoo: function() {
    			/* ... */
    			this.actionBar(); //this.actionBar is undefined
    			// this.actions.actionBar(); //this.actions is undefined
    		},
    		actionBar: function() {
    			/* ... */
    		}
    	}
    });
    
    //app.html
    &lt;div class=&quot;foo&quot; {{action actionFoo this}}&gt;
    &lt;div class=&quot;bar&quot; {{action actionBar this}}&gt;



However, I find that it is not possible for one function defined within actions to call another, as the `this` object appears to no longer be the controller.

How can I go about doing this?

All Ember Controllers Solutions on Gang of Coders

Total of 1 Ember Controllers Solutions

EmberJS actions - call one action from another when wrapped within `actions`