Warum funktioniert Callback nicht im eckigen Betrieb?

Question

Im einige Tests mit einer js Bibliothek mit meiner Angular app und ich machen bemerkte die folgenden:

secret.service.ts:

@Injectable() 
    export class SecretService { 
    public get adalConfig(): any { 
    return { 
      clientId: 'e71122a4-3998-416d-xxxxx', 
      redirectUri: window.location.origin + '/', 
      callback:() => console.log('not called!!') // not work 
    }; 
    } 

app.component.ts

constructor(private adalService: AdalService, 
       private secretService: SecretService,) { 
     this.adalService.init(this.secretService.adalConfig); 
    } 

Wenn Ich registriere die callback Eigenschaft im Service, es ruft nie an. Aber wenn ich die app.component.ts Um dies zu ändern:

constructor(private adalService: AdalService, 
       private secretService: SecretService,) { 

    let adalConfig: any = { 
     clientId: this.secretService.adalConfig.clientId, 
     redirectUri: window.location.origin + '/', 
    }  

    adalConfig.callback =() => console.log('now is called!') // like this works normally 
    this.adalService.init(adalConfig); 
} 

Warum, wenn ich die Callback-Funktion auf den Dienst eingestellt sein nicht genannt?

Answer 1

Vielleicht haben Sie einige Klammern weggelassen. Versuchen Sie folgendes:

this.adalService.init(this.secretService.adalConfig()); 

Und ändern adalConfig Methode:

adalConfig(): any { 
    return { 
     clientId: 'e71122a4-3998-416d-xxxxx', 
     redirectUri: window.location.origin + '/', 
     callback:() => console.log('not called!!') // not work 
    }; 
} 

Answer 2

adalConfig ist ein Verfahren und Sie übergeben wie Variable, um den der Rückgabewert der Methode zu nutzen, müssen Sie nennen.

constructor(private adalService: AdalService, private secretService: SecretService,) { 
     console.log(typeof this.secretService.adalConfig);// you can see function 
     this.adalService.init(this.secretService.adalConfig()); 
    }