RxJS 내 읽을 수

Question

Angular 2 RC4 응용 프로그램은 TypeScript 1.9 작성 변수 RxJS 5 beta 6

내가 가입 할 때 내 클래스 변수가 관찰 생성 함수에 전달되지 않는 이유 이해하기 정말 힘든 시간을 보내고있어 왜 일명 5 관찰 가능한 변수 범위 . 내 코드는 다음과 같습니다하지만 새로운 값을 방출 할 때 입력 = 뭔가

start()

• 신청하기를 호출하여 구독을 시작할 때 당신은 (는 at this Plunker 실행을 참조하십시오 app/app.component.ts

  //this is the problematic var. Can't pass its updated value to the Observable 
  input = 'nothing'; //<- default value 
  
  ngOnInit(){//<- this runs right after class constructor 
      //set to the value we want to send to the server 
      this.input = 'something'; 
  } 
  start(){ 
      //to make sure input = something when we subscribe 
      this.print("Subscribing when input = "+this.input); 
      this.source.subscribe(d=>this.print(d)); 
  } 
  //Simulate sending input to the server 
  source = this.queryServer(this.input) 
      .do(()=>this.print('Emitting new value...')); 
  
  //server just returns what it received 
  queryServer(input){return Observable.from(['Server sees '+input])} 
  
  print(value){this.log.push(value);} 
  log=[]; 
  

  출력을 볼 수 있습니다. ..

• 서버에서 아무 것도 볼 수 없음

우리는 구독을 호출 할 때 클래스 속성이 something인데 어떻게 되니 queryserver()에 nothing이 전달됩니까? 나는 과 같은 객체를 input={d:'something'}과 같은 객체로 만들려고했는데, 아마도 문제는 참조 대신 값을 전달하는 것과 관련이 있지만 결과는 같았을 것이라고 생각했습니다.

Answer 1

구성 요소를 구성 할 때 input의 기본값을 queryServer으로 전달하기 때문에이 문제가 발생합니다. ngInit에서 변경하더라도 이미 가입 한 파이프 라인을 구성하는 데 이미 사용되었습니다. 당신은 기본적으로 다음과 같은 일을 :

this.input = "nothing"; 
const copyOfInput = this.input; 
this.input = "something"; 
console.log(copyOfInput); //-> nothing 

당신은 this.input가 가리키는 어떤 변경하지만 그것의 사본이 여전히 만든 이전 값을 가리키는. 나는 당신이 실제로 ngInit에서 파이프 라인을 초기화하고 객체의 구성의 일부가 아니라고 가정합니다.

Answer 2

유용한 입력에 대해 @paulpdaniels에게 감사드립니다. 그는 내가 input=something을 설정 한 후에 ngOnInit에 source을 작성하라고 제안했습니다. input의 첫 번째 값은 작동하지만 실제로는 input은 ngOnInit이 완료된 후에도 계속 변경되므로 source은 다시 쓸모없는 데이터를 방출합니다.

아직도 내가 놀랍게 들리는 것은 입력이 개체 (단순한 문자열이 아닌) 일지라도 OP의 문제가 지속된다는 것입니다. JS에서 참조로 객체를 할당했기 때문에 나는 다르게 기대했다.

내가 선택한 코드 디자인은 에 대한 설정자 안에 source을 작성하는 것입니다. 그런 식으로, 그 값이 설정 될 때마다, source는 새로 고침 : 그래서 아마 더 좋은 방법이 없습니다

source:Observable<any>; 

_input = 'nothing'; 
get input(){return this._input;} 
set input(val){ 
    this._input = val; 
    source = this.queryServer(val) 
     .do(()=>this.print('Emitting new value...')); 
} 

아직도 해킹-Y 나에게 느낌하지만 관찰 가능한 것이 새로운 브랜드입니다. 있다면 누군가가 나에게 가르쳐주기를 바랍니다.