Modifying "this" inside Angular controller using bind

Question

I'm using Angular new router components and also js. I have multiple controllers as the one bellow.

What I'm trying to do is to apply a function to this for all controllers, do I don't have to do it in each one.

function HomeController (authService, factoryClient) {
    console.log ('this is home controller');
    this = doCommonController.bind(this); //generates an error
    //here this should contain currentUser, authService, logout and testVar
    console.log(this);
}

and the function is:

var doCommonController = function (authService, currentUser) {
    this.testVar = 'value';
    this.authService = authService;
    this.currentUser =  currentUser;
    this.logout = this.authService.logout;
}

Also, how do I pass authService and factoryClient from controller to be available in doCommonController?

Arun P Johny · Accepted Answer · 2015-05-18 13:10:20Z

3

You need to use .call() not .bind(), also don't assign any value to this that is invalid

function HomeController(authService, factoryClient) {
    console.log('this is home controller');
    var currentUser;
    doCommonController.call(this, authService, currentUser); //generates an error
    //here this should contain currentUser, authService, logout and testVar
    console.log(this);
}

edited May 18, 2015 at 13:10

answered May 18, 2015 at 12:55

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Modifying "this" inside Angular controller using bind

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related