«observable» 태그된 질문

NgOnDestroy 수명주기 동안 언제 Subscription인스턴스를 저장 하고 호출 해야 unsubscribe()하며 언제 무시할 수 있습니까? 모든 구독을 저장하면 구성 요소 코드에 많은 혼란이 발생합니다. HTTP 클라이언트 가이드 는 다음과 같은 구독을 무시합니다. getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => this.errorMessage = <any>error); } 동시에 Route & Navigation …

719 angular  rxjs  observable  subscription  angular-component-life-cycle 

Angular에서 위임 패턴과 같은 것을 구현하려고합니다. 사용자가를 클릭 nav-item하면 함수를 호출하고 이벤트를 내보내는 이벤트를 내보내고 이벤트를 수신하는 다른 구성 요소가 처리해야합니다. 시나리오는 다음과 같습니다. Navigation구성 요소가 있습니다. import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ // other properties left out for brevity events : ['navchange'], template:` <div class="nav-item" (click)="selectedNavItem(1)"></div> ` }) …

244 angular  observer-pattern  observable  eventemitter  event-delegation 

면접관이 나에게 물었다 : 무엇 Observer과 Observable우리는 그것들을 언제 사용해야합니까? 나는 집으로 가지고와에 대해 인터넷 검색을 시작했다 그렇게 할 때, 이러한 용어를 인식하지이었다 Observer그리고 Observable, 내가 다른 자원에서 몇 가지 포인트를 발견 : 1) Observable클래스이며 Observer인터페이스입니다. 2) Observable클래스는의 목록을 유지합니다 Observer. 3) Observable객체가 업데이트되면 update()각 객체의 메소드를 호출하여 Observer변경되었음을 알립니다. …

200 java  design-patterns  observable  observer-pattern  observers 

이 함수 more()는 Observableget 요청에서 를 반환해야합니다. export class Collection{ public more = (): Observable<Response> => { if (this.hasMore()) { return this.fetch(); } else{ // return empty observable } } private fetch = (): Observable<Response> => { return this.http.get('some-url').map( (res) => { return res.json(); } ); } } 이 경우 …

167 javascript  typescript  rxjs  observable 

Java 8 스트림은 RxJava와 비슷합니까? Java 8 스트림 정의 : 새 java.util.stream패키지의 클래스 는 요소 스트림에서 기능 스타일 작업을 지원하는 Stream API를 제공합니다.

144 java-8  java-stream  rx-java  observable 

이것은 "모범 사례"질문입니다. 선수는 a Component, a Service및 a Model입니다. 가 Component호출되는 Service데이터베이스에서 얻을 수있는 데이터를. 은 Service사용입니다 : this.people = http.get('api/people.json').map(res => res.json()); 을 반환합니다 Observable. 는 다음 Component을 구독 할 수 있습니다 Observable. peopleService.people .subscribe(people => this.people = people); } 그러나 실제로 원하는 것은 데이터베이스 에서 검색 한 …

132 angular  observable 

내 코드의 일부 : import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // …

132 http  typescript  angular  observable 

이 방법이있는 서비스가 있습니다. export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } 구성 요소의 생성자에서 다음과 같이 …

121 typescript  promise  angular  observable  rxjs 

내 서버에 http 요청을 수행하고 데이터를 가져 오는 Observable을 반환하는 서비스가 있습니다. 이 데이터를 사용하고 싶지만 항상 undefined. 뭐가 문제 야? 서비스 : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = new Headers({ 'Content-Type': 'application/json' }); let options = new RequestOptions({ headers: headers …

110 javascript  angular  asynchronous  typescript  observable 

내 Angular 2 구성 요소에는 Observable 배열이 있습니다. list$: Observable<any[]>; 내 템플릿에는 <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> 그러나 Observable 배열의 경우 list $ .length는 작동하지 않습니다. 최신 정보: 그것은 그 보인다 길이는? | (비동기 목록을 $) : 우리에게 길이를 …

109 angular  observable  angular2-template  angular2-services 

각도 응용 프로그램에서 우리는 ngOnDestroy()구성 요소 / 지시문에 대한 수명주기 후크를 가지고 있으며이 후크를 사용하여 관찰 가능 항목을 구독 취소합니다. @injectable()서비스 에서 생성 된 Observable을 삭제 / 삭제하고 싶습니다 . ngOnDestroy()서비스에서도 사용할 수 있다는 글을 보았습니다 . 그러나 그것은 좋은 습관이며 그렇게하는 유일한 방법이며 언제 호출됩니까? 누군가 명확히하십시오.

104 angular  rxjs  observable  angular-services 

저는 지난 4 년 동안 AngularJS 1. *를 즐겁게 작업 한 후 현재 Angular2와 TypeScript를 가르치려고 노력하고 있습니다! 나는 그것을 싫어한다는 것을 인정해야하지만 내 유레카 순간이 곧 다가오고 있다고 확신합니다 ... 어쨌든 JSON을 제공하는 전화 백엔드에서 http 데이터를 가져 오는 더미 앱에 서비스를 작성했습니다. import {Injectable} from 'angular2/core'; import {Http, …

96 typescript  angular  observable  rxjs 

다음 Observable과 같이. var one = someObservable.take(1); one.subscribe(function(){ /* do something */ }); 그런 다음 두 번째가 있습니다 Observable. var two = someOtherObservable.take(1); 지금, 나는 원하는 subscribe()에 two,하지만 난이 있는지 확인하려면 one전과 완료 two가입자가 발생합니다. two두 번째가 첫 번째가 완료 될 때까지 기다리도록하려면 어떤 종류의 버퍼링 방법을 사용할 수 있습니까? …

93 javascript  observable  rxjs 

Angular 2에서 Observable을 사용하는 방법을 이해하려고합니다.이 서비스가 있습니다. import {Injectable, EventEmitter, ViewChild} from '@angular/core'; import {Observable} from "rxjs/Observable"; import {Subject} from "rxjs/Subject"; import {BehaviorSubject} from "rxjs/Rx"; import {Availabilities} from './availabilities-interface' @Injectable() export class AppointmentChoiceStore { public _appointmentChoices: BehaviorSubject<Availabilities> = new BehaviorSubject<Availabilities>({"availabilities": [''], "length": 0}) constructor() {} getAppointments() { return this.asObservable(this._appointmentChoices) …

92 typescript  angular  rxjs  observable 

질문 테스트 목적으로 Observable실제 http 호출에 의해 반환되는 Observable을 Http. 내 관찰 가능 항목은 다음 코드로 생성됩니다. fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); 문제는이 관찰 가능한 것이 즉시 방출된다는 것입니다. 방출에 사용자 지정 지연을 추가하는 방법이 있습니까? 과정 나는 이것을 시도했다 : fakeObservable = Observable.create(obs => …

92 angular  typescript  observable