为什么我的 observable 在服务中工作而不在组件中工作？

问题描述

我正在尝试围绕 RxJs 和 Observables。

在我的 data.service.ts 文件中，我正在创建一个这样的可观察对象：

export class DataService {
    private URLSubscription = new Subject();
    URLSubChange$ = this.URLSubscription.asObservable();

    changeFilters(filters: string) {
  this.URLSubscription.next(filters);
}
}

changeFilters 函数在用户输入时触发。

现在，我有一个组件 datagrid.component.ts，它正在导入 Observable。

import { DataService } from '../../core/data/data.service';

    @Component({
  selector: 'grid-app',templateUrl: './datagrid.component.html',styleUrls: ['./datagrid.component.scss'],providers: [DataService]
})

constructor(dataService: DataService) {
    dataService.URLSubChange$.subscribe( url => {
        **some code**
    }

我正在订阅中执行 console.log，但它永远不会触发。

对我来说奇怪的是，我有一个代码完全相同的 datagrid.service.ts 文件，而且订阅似乎在那里触发。我做错了什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）