如何在一个组件中订阅Angular 2中的服务几次？

Question

我的服务第一次运作良好。当它再次被调用时，它不起作用。我在NgModule

服务这里是我的代码

this._portService.getPortList().subscribe(
     (data) => { 
      this.len = data['interfaces-state'].length; 
       for (this.i = 0; this.i<this.len;this.i++){ 
        this.portListJson.push(data['interfaces-state'][this.i].interface); 
        } 
       this.removeONUPorts(); 
       this.addNames(); 
       }); 

我的构造

constructor(private _portService:PortsService, private elRef: ElementRef){ 
     } 

当我尝试调用不同的功能不起作用相同的代码。

我的服务

getPortList(){ 
    return this._http.get(environment.api + "restconf/data/ietf-interfaces:interfaces-state/interface?fields=") 
    .map(response => response.json()); 
}; 

我的第二个电话

setONUList(port: Port){ 
     this.clearLists(); 
     this._portService.getPortList().subscribe(
      (data) => { 
       this.len = data['interfaces-state'].length; 
        for (this.i = 0; this.i<this.len;this.i++){ 
         this.portListJson.push(data['interfaces-state'][this.i].interface); 
         } 
         this.removeONUPorts(); 
         this.addNames(); 
        }); 

} 

Answer 1

我不知道你要在这里完成的。我不明白你为什么需要来自同一个组件的2个订阅。通常我在组件的构造函数或ngOnInit方法中实例化我的订阅，然后将订阅中的值映射到组件中的本地值，然后可以使用任何组件方法访问该值。

所以我会做这样的事情：

 this._portService.getPortList().subscribe(
      (data) => { 
         this.localDataVar = data; 
         ... 
        }); 

然后在您的组件的方法，你可以访问你的localDataVar变量

setONUList(port: Port){ 
     this.clearLists(); 
     this.someFunction(this.localDataVar); //here you'll have last emitted value of data 
} 

或者另一种方式是简单地在访问当前观测的值的后续方法是这样的：

setONUList(port: Port){ 
     this.clearLists(); 
     let curVal = this._portService.getPortList().getValue(); 
} 

我不明白为什么哟你需要或希望来自同一个组件的两个相同的订阅。