访问ngrx Observable中的变量总是返回undefined

的问题可能是由于异步操作导致的。在使用ngrx Observable时，由于数据的异步加载，可能会出现在访问变量时还未完成数据加载的情况，因此返回undefined。

解决这个问题的方法是使用rxjs中的操作符来处理异步操作。可以使用rxjs中的pipe操作符，结合一些操作符如map、filter、switchMap等来处理Observable的数据流，确保在访问变量时已经完成数据加载。

另外，还可以使用ngrx中的select操作符来选择需要的数据，这样可以确保在访问变量时已经完成数据加载。

以下是一个示例代码，展示如何使用rxjs操作符来处理访问ngrx Observable中变量返回undefined的问题：

import { Component, OnInit } from '@angular/core';
import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

interface AppState {
  data: any;
}

@Component({
  selector: 'app-example',
  template: `
    <div>{{ data$ | async }}</div>
  `,
})
export class ExampleComponent implements OnInit {
  data$: Observable<any>;

  constructor(private store: Store<AppState>) {}

  ngOnInit() {
    this.data$ = this.store.pipe(
      select('data'),
      map((state) => state.variable)
    );
  }
}

在上述示例中，我们使用了ngrx中的select操作符来选择需要的数据，并使用rxjs中的map操作符来对数据进行处理。最后，通过async管道将Observable数据流绑定到模板中，确保在访问变量时已经完成数据加载。

对于ngrx Observable中变量返回undefined的问题，可以使用上述方法来解决。同时，需要注意在访问变量时，确保数据已经加载完成，以避免返回undefined的情况发生。

关于ngrx的更多信息和使用方法，可以参考腾讯云提供的ngrx相关文档和产品介绍：

• ngrx官方文档
• 腾讯云ngrx产品介绍