javascript - 从模块导出的变量在 Angular 类的函数内部无法访问

Question

我有一个 Angular 文件(服务文件)。我正在从中导出一个变量并在其他文件(component.ts)中使用它。

当我在类外访问它的值时，它工作正常，但是当我在组件类内声明的任何函数中使用它时，它显示变量未定义。

在 Angular 中，每个模块都有自己的范围，ts 文件转换为 js，类转换为函数。所以根据我对javascript的理解，函数外的变量应该是可用的。但是当我将它分配给类外的某个声明变量时它正在工作。

我哪里不了解这种行为？

    import {UserService ,b} from './services/user.service';
    console.log(b);// working
    //var t=b; working

    @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css'],
      providers:[UserService]
    })
    export class AppComponent implements DoCheck , AfterContentInit,AfterContentChecked {
      title = 'project';
      a:any="joshi";
      constructor(private vc: ViewContainerRef ,private user:UserService){
        console.log("parent constr")

      }
      update(){
        //t="changed";  working
        b="changed"  //not working
      this.user.setObservable();

  }
}

Answer 1

这是不可能的，因为在模块之外，变量被视为const。如果它是一个对象，比如

export let b = { name:  "shashank" };

你本可以改变它。

解决方法是创建一个函数，允许您从模块本身的内部更改它的值，例如:

export let b = "shashank";

export let setB = (value) => {
  b = value;
}

在组件中:

update(){
  setB("Hero");
  console.log(b)
  this.user.setObservable();
}

---

话虽如此，我认为您做错了什么。 b 位于 UserService 中，因此它可以用作 this.user.b 而不是显式导入它。

您使用的方法似乎不正确(除非您还有更多事情要做并且您没有在问题中提及)