javascript - Angular 6 主题没有捕捉到订阅事件？

Question

我创建了一个包含加载程序的组件:

@Component({
  selector: 'app-loader',
  templateUrl: './loader.component.html',
  styleUrls: ['./loader.component.scss'],
  providers: [LoaderService]
})
export class LoaderComponent implements OnInit {

  showloader: boolean = false;

  constructor  (private loader_service:LoaderService) {}

  ngOnInit () {
    this.loader_service.showLoaderEventChange.subscribe(state => {
      console.log(state); // Nothing prints !!
       this.showloader = state;
    })
  }
}

我有一个从另一个组件调用的服务，调用确实有效:

public grabJsonData (enviroment: string, language: string) {
  this.loader_service.showLoader(true);
}

它使用LoaderService:

@Injectable({
  providedIn: 'root'
})
export class LoaderService {

  showLoaderEventChange = new Subject<any>();

  constructor() { }

  showLoader(state){
    this.showLoaderEventChange.next(state);
  }

}

加载器组件使用LoaderService，监听showLoaderEventChange传递给next()。

但是当我执行 this.showLoaderEventChange.next(state) 时，它不会在 subscribe 函数中捕获任何内容。

我错过了什么吗？

Answer 1

这是因为您没有为您的组件使用相同的service实例，因为您将它注入(inject)到root和中>加载器组件。

尝试从您的 Loadercomponent 中删除 Providers : [LoaderService]。