Angular / Electron 服务输出传递给变量但返回未定义答案

【问题标题】：Angular / Electron service output passed to variable but returning undefinedAngular / Electron 服务输出传递给变量但返回未定义
【发布时间】：2020-10-09 15:58:48
【问题描述】：

我有一个服务，当我运行标记为 #1 的代码时，它会返回控制台中的数据，但是当我将它分配给一个变量时，我得到了未定义。

代码如下：

在服务中：

executeShell(command) {
exec(command, (error, stdout, stderr) => {
  if (error) {
    return stderr;
  } else {
    return stdout;
  }
});
}

在component.ts中：

output: any; // define the variable

如果我在下面运行#1：

this.electronService.executeShell('ls'); // #1

控制台上的输出是正确的。

但如果我试试这个：

this.output = this.electronService.executeShell('ls'); // #2
console.log(this.output); // #2

我没有定义

我的问题是 #1 在控制台中返回列表，但 #2 返回未定义。

我该如何解决这个问题？

【问题讨论】：

标签： node.js angular typescript electron angular9

【解决方案1】：

该值是从回调中返回的，因此它是异步的。您可能必须返回一个 observable/promise 来捕获数据。试试下面的

服务

executeShell(command) {
  let result = new BehaviorSubject<any>(null);
  exec(command, (error, stdout, stderr) => {
    if (error) {
      result.error(stderr);
    } else {
      result.next(stdout);
    }
  });
  return result.asObservable();
}

现在订阅组件以获取通知。

组件

this.electronService.executeShell('ls').subscribe(
  response => {
    if(response) {   // <-- default value of the observable is `null`
      this.output = response;
    }
  },
  error => {
    this.output = error;
  }
);

【讨论】：