javascript - 使用bind修改Angular Controller 内的 "this"

Question

我正在使用 Angular 新的路由器组件和 js。我有多个 Controller ，如下所示。

我想做的是为所有 Controller 应用一个函数，我不需要在每个 Controller 上都这样做吗？

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);
}

其功能是:

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

另外，如何从 Controller 传递 authService 和 factoryClient 以便在 doCommonController 中可用？

Answer 1

您需要使用 .call() 而不是 .bind()，也不要为 this 分配任何值这是无效的

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);
}