将数据从一个函数传递到同一个 Angular 组件中的另一个函数答案

【问题标题】：Pass data from one function to another function within same Angular component将数据从一个函数传递到同一个 Angular 组件中的另一个函数
【发布时间】：2019-01-27 16:14:14
【问题描述】：

我在同一个角度分量中有 2 个函数（我使用 angular4）。我已将一个字符串变量全局初始化为 null，然后在一个函数中为该变量赋值。现在我必须在我的第二个函数中获取值。但它仍然采用初始值“NULL”。有人可以帮我解决这个问题吗？

export class AppComponent implements OnInit {
etag: string = null;

constructor() {}
ngOnInit(){
    this.getData();
}

getData(): void {
  this.etag = "t498dgs8";
}

printData(): void {
 console.log(this.etag);
}
}

【问题讨论】：

你从哪里调用printData()函数？
正如 Faisal 所说，如果在您按下按钮或其他任何东西时调用该函数，它应该可以工作。如果您需要更多帮助。解释更多上下文
你是正确的 PierBJX。它的“onclick”功能来自 HTML 页面。 GetData() 函数会自动初始化，并且 onclick 功能（printData() 函数）必须打印 GetData() 中的值。

标签： angular typescript variables components

【解决方案1】：

如果你打电话

getData() 方法前后 printData() 不会出错。

但是，如果 getData() 方法实际上是一个 async 方法，这意味着它是 subscribe 或 promise 这将给 null 因为当你调用 printData() 的时候，getData() 方法的异步部分没有完成。

例如，如果 getData() 方法调用 API，则需要一些时间来分配值 etag。

希望这会有所帮助。

【讨论】：

如果我尝试从 getData() 函数内部打印 etag 值，它的工作很酷。但它不是来自 printData() 函数。
你能告诉我你调用 printData() 函数的地方是什么吗？我重现了这一点，但除非我从 constructor 调用 printData() 函数，否则我不会得到 NULL。
printData() 函数从 HTML 页面（点击）事件中调用。