[ad_1]
\n<\/p>\n
You aren’t declaring the variable in the function but straight up initializing it with the subscription. Instead you need to declare it. Try the following<\/p>\n
private getMaxSeconds() {\n let maxSeconds: string;\n\n this.configurationRemoteService.get('MAX_SECONDS').subscribe(\n config => {\n maxSeconds = config.value;\n },\n err => { }\n );\n\n return maxSeconds; \/\/ <-- WRONG! Will return `undefined`\n<\/code><\/pre>\nAnd you cannot return the async variable maxSeconds<\/code> synchronously like you’re trying. By the time the return<\/code> statement is executed, maxSeconds<\/code> wouldn’t be initialized yet and it’ll return undefined. Instead any statements that depend on the async call get('MAX_SECONDS')<\/code> should be inside the subscription.<\/p>\nYou could find more information about asynchronous data here.<\/p>\n
Update: use with forkJoin<\/code><\/h3>\nRxJS forkJoin<\/code> takes in observables as arguments, so can directly use this.configurationRemoteService.get('MAX_SECONDS')<\/code>. And if you wish to use only the value<\/code> from it’s notification, you can pipe in a map<\/code> to it.<\/p>\nTry the following<\/p>\n
forkJoin(\n this.configurationRemoteService.get('MAX_SECONDS').pipe(map(res => res['value'])),\n \/\/ 2nd observable,\n \/\/ 3rd observable\n).subscribe(\n ([value, res2, res3]) => {\n console.log(value); \/\/ <-- `value` property from `this.configurationRemoteService.get('MAX_SECONDS')`\n console.log(res2); \/\/ <-- notification from 2nd observable argument\n console.log(res3); \/\/ <-- notification from 3rd observable argument\n },\n err => { }\n);\n<\/code><\/pre>\n<\/p><\/div>\n